Skip to content

Commit 7e5cb1c

Browse files
puckeypuckey
committed
Examples: clean up scripts list and add PathStyle.js.
1 parent 13b8ddc commit 7e5cb1c

18 files changed

Lines changed: 164 additions & 100 deletions

‎examples/Animated/RoundedRectangles.html‎

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,20 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
1315
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1421
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1522
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1623
<script type="text/javascript" src="../../src/path/Path.js"></script>
17-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
18-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
19-
<script type="text/javascript" src="../../src/item/Group.js"></script>
20-
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
21-
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
22-
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
2324
<script>
2425
var doc, mousePoint, amount = 25;
2526
var count = 0, paths = [];

‎examples/Animated/animatedStar.html‎

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -6,22 +6,29 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
var canvas, doc;
2126
var count = 0;
2227
window.onload = function() {
2328
canvas = document.getElementById('canvas');
2429
doc = new Doc(canvas);
30+
console.log(doc.currentStyle);
31+
doc.currentStyle.fillColor = 'black';
2532
setInterval(draw, 60);
2633
}
2734

@@ -34,7 +41,7 @@
3441
var l = vector.length;
3542
var path = new Path();
3643
// path.strokeColor = '#000000';
37-
path.fillColor = i % 2 ? 'red' : 'black';
44+
//path.fillColor = i % 2 ? 'red' : 'black';
3845
path.closed = true;
3946
for (var j = 0; j < 32; j++) {
4047
vector = vector.rotate(45 / 4);

‎examples/Scripts/arcTo.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
window.onload = function() {
2126
var canvas = document.getElementById('canvas');

‎examples/Scripts/circle.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
var count = 0;
2126
var doc;

‎examples/Scripts/letter.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
window.onload = function() {
2126
var canvas = document.getElementById('canvas');

‎examples/Scripts/lines.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
var count = 0;
2126
var doc;

‎examples/Scripts/rectangle.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
var count = 0;
2126
var doc;

‎examples/Scripts/roundRectangle.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
var count = 0;
2126
var doc;

‎examples/Scripts/star.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
window.onload = function() {
2126
var canvas = document.getElementById('canvas');

‎examples/Scripts/strokeJoin.html‎

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,16 +6,21 @@
66
<title>Example</title>
77
<script type="text/javascript" src="../../lib/Bootstrap.js"></script>
88
<script type="text/javascript" src="../../src/Paper.js"></script>
9-
<script type="text/javascript" src="../../src/item/Item.js"></script>
9+
<script type="text/javascript" src="../../src/tool/ToolEvent.js"></script>
10+
<script type="text/javascript" src="../../src/tool/ToolHandler.js"></script>
11+
<script type="text/javascript" src="../../src/tool/Tool.js"></script>
1012
<script type="text/javascript" src="../../src/basic/Point.js"></script>
1113
<script type="text/javascript" src="../../src/basic/Rectangle.js"></script>
1214
<script type="text/javascript" src="../../src/basic/Size.js"></script>
15+
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
16+
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17+
<script type="text/javascript" src="../../src/item/Item.js"></script>
18+
<script type="text/javascript" src="../../src/item/Group.js"></script>
19+
<script type="text/javascript" src="../../src/item/Layer.js"></script>
20+
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
1321
<script type="text/javascript" src="../../src/path/Segment.js"></script>
1422
<script type="text/javascript" src="../../src/path/PathItem.js"></script>
1523
<script type="text/javascript" src="../../src/path/Path.js"></script>
16-
<script type="text/javascript" src="../../src/document/Doc.js"></script>
17-
<script type="text/javascript" src="../../src/item/Layer.js"></script>
18-
<script type="text/javascript" src="../../src/item/Group.js"></script>
1924
<script>
2025
window.onload = function() {
2126
var canvas = document.getElementById('canvas');

0 commit comments

Comments
 (0)