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 black = '2 #000000 0.9';
4
5
// Creates pattern.
6
var pattern = stage.pattern(new acgraph.math.Rect(0, 0, 20, 20));
7
8
var redCircle = stage.circle(10, 10, 8);
9
redCircle.fill('#F44336');
10
redCircle.parent(pattern);
11
12
var simpleFill = stage.rect(2, 2, 50, 50);
13
simpleFill.fill('#2196F3');
14
15
var smallRect = stage.rect(2, 2, 50, 50);
16
smallRect.fill(pattern);
17
smallRect.stroke(black);
18
19
var bigRect = stage.rect(50, 25, 200, 100);
20
bigRect.fill(pattern);
21
bigRect.stroke(black);