ShadowEditor/ShadowEditor.SVG/test/14 GroupTest.html
2018-11-08 21:31:10 +08:00

51 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>14 GroupTest</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 = Shadow.SVG.create({
xtype: 'svg',
parent: document.body,
attr: {
width: 400,
height: 400,
viewBox: '0 0 100 100'
},
children: [{
xtype: 'g',
attr: {
fill: 'white',
stroke: 'green',
strokeWidth: 5
},
children: [{
xtype: 'circle',
attr: {
cx: 40,
cy: 40,
r: 25
}
}, {
xtype: 'circle',
attr: {
cx: 60,
cy: 60,
r: 25
}
}]
}]
});
dom.render();
</script>
</body>
</html>