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
// create a text
4
var singleText = acgraph.text(20, 10, "Click here to resume");
5
singleText.fontSize(14);
6
7
// create a rectangle
8
var rectangle = acgraph.rect(0, 0, 400, 400);
9
rectangle.fill("#FFFFFF 0.01");
10
rectangle.stroke(null);
11
12
// add object to a stage
13
stage.addChild(singleText);
14
stage.addChild(rectangle)
15
16
// Suspends rendering.
17
stage.suspend();
18
19
// create objects as part of the stage
20
stage.text(10, 30, "Rendering resumed");
21
stage.circle(100, 100, 50).fill("red 0.2").stroke("2 blue");
22
23
rectangle.listen("click", function () {
24
if (stage.isSuspended()){
25
stage.resume();
26
// remove objects
27
stage.removeChild(singleText);
28
stage.removeChild(rectangle);
29
}
30
});