HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
var stage = acgraph.create("container");
2
3
var linePath = stage.path();
4
// starting point
5
linePath.moveTo(200, 100);
6
// Add commands to the path
7
linePath.arcToByEndPoint(300, 100, 250, 50, true, true);
8
linePath.lineTo(250, 50);
9
linePath.arcToByEndPoint(180, 50, 10, 10, true, true);
10
11
// dash stroke and color a path
12
linePath.stroke({color: "#2196F3"}, 2, "10 12", "round", "round");