ShadowEditor/ShadowEditor.SVG/test/09 SvgTextTest.html
2018-11-04 19:17:51 +08:00

43 lines
1023 B
HTML

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>09 SvgTextTest</title>
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
</head>
<body>
<script src="../dist/ShadowEditor.SVG.js"></script>
<script>
var dom = UI.create({
xtype: 'svgdom',
id: 'dom1',
parent: document.body,
attr: {
width: 800,
height: 600,
},
children: [{
xtype: 'svgtext',
html: 'I Love SVG.',
attr: {
x: 100,
y: 100,
transform: 'rotate(30 20,40)',
fill: '#f00'
},
listeners: {
click: () => {
alert('You clicked!');
}
}
}]
});
dom.render();
</script>
</body>
</html>