mirror of
https://github.com/scratchfoundation/paper.js.git
synced 2025-01-01 02:38:43 -05:00
Update examples.
This commit is contained in:
Jonathan Puckey
parent
51ab66b0f8
commit
e772038727
20 changed files with 223 additions and 75 deletions
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,22 +27,26 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var doc, mousePoint, amount = 25;
|
||||
var count = 0, paths = [];
|
||||
var colors = ['red', 'white', 'blue', 'white'];
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
doc = new Doc(canvas);
|
||||
mousePoint = doc.size.divide(2);
|
||||
var doc = new Doc(canvas);
|
||||
var mousePoint = new Point(doc.size.divide(2));
|
||||
|
||||
var amount = 25;
|
||||
var colors = ['red', 'white', 'blue', 'white'];
|
||||
|
||||
for (var i = 0; i < amount; i++) {
|
||||
var rect = new Rectangle([0, 0], [25, 25]);
|
||||
rect.center = mousePoint;
|
||||
var path = new Path.RoundRectangle(rect, 6);
|
||||
path.fillColor = colors[i % 4];
|
||||
var scale = (1 - i / amount) * 20;
|
||||
path.scale(scale, scale);
|
||||
paths.push(path);
|
||||
path.scale(scale);
|
||||
new PlacedSymbol(path);
|
||||
}
|
||||
setInterval(draw, 30);
|
||||
|
||||
|
|
@ -48,20 +54,22 @@
|
|||
onMouseDrag: function(event) {
|
||||
mousePoint = event.point;
|
||||
}
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
var children = Paper.document.activeLayer.children;
|
||||
var count = 0;
|
||||
function draw() {
|
||||
count++;
|
||||
for (var i = 0; i < amount; i++) {
|
||||
var path = paths[i];
|
||||
path.rotate(Math.sin((count + i) / 10) * 3);
|
||||
var position = path.position;
|
||||
var delta = mousePoint.subtract(position);
|
||||
path.position = position.add(delta.divide(i));
|
||||
for (var i = 0, l = children.length; i < l; i++) {
|
||||
var item = children[i];
|
||||
var delta = mousePoint.subtract(item.position).divide(i + 1);
|
||||
item.rotate(Math.sin((count + i) / 10) * 7);
|
||||
if(delta.length > 0.1)
|
||||
item.translate(delta);
|
||||
}
|
||||
doc.redraw();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,35 +27,52 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var canvas, doc;
|
||||
var count = 0;
|
||||
window.onload = function() {
|
||||
canvas = document.getElementById('canvas');
|
||||
doc = new Doc(canvas);
|
||||
setInterval(draw, 60);
|
||||
var canvas = document.getElementById('canvas');
|
||||
var doc = new Doc(canvas);
|
||||
var layer = doc.activeLayer;
|
||||
|
||||
var values = {
|
||||
count: 34,
|
||||
points: 32
|
||||
}
|
||||
|
||||
function draw() {
|
||||
count++;
|
||||
doc.activeLayer.children = [];
|
||||
var point = new Point(1024, 768).divide(2);
|
||||
for (var i = 0; i < 35; i++) {
|
||||
var vector = new Point(20 + 10 * i, 0).rotate(i * (360 / 35 * 2) * Math.sin(count / 150));
|
||||
var l = vector.length;
|
||||
var center = new Point(doc.size).divide(2)
|
||||
for (var i = 0; i < values.count; i++) {
|
||||
var offset = new Point(20 + 10 * i, 0);
|
||||
var path = new Path();
|
||||
path.fillColor = i % 2 ? 'red' : 'black';
|
||||
path.closed = true;
|
||||
for (var j = 0; j < 32; j++) {
|
||||
vector = vector.rotate(45 / 4);
|
||||
var newPoint = point.add(vector).add(vector.rotate(-180).normalize(l * (j % 2 ? 0.1 : -0.1)));
|
||||
path.add(newPoint);
|
||||
|
||||
var l = offset.length;
|
||||
for (var j = 0; j < values.points * 2; j++) {
|
||||
offset.angle += 360 / values.points;
|
||||
var vector = offset.clone()
|
||||
vector.length = l * (j % 2 ? 0.1 : -0.1);
|
||||
path.add(offset.add(vector));
|
||||
}
|
||||
path.smooth();
|
||||
var placedSymbol = new PlacedSymbol(path);
|
||||
placedSymbol.position = center;
|
||||
layer.appendBottom(placedSymbol);
|
||||
}
|
||||
setInterval(draw, 30);
|
||||
|
||||
var count = 0;
|
||||
function draw() {
|
||||
count++;
|
||||
for (var i = 0, l = layer.children.length; i < l; i++) {
|
||||
var item = layer.children[i];
|
||||
var angle = (values.count - i) * Math.sin(count / 128) / 10;
|
||||
item.rotate(angle);
|
||||
}
|
||||
doc.activeLayer.children.reverse();
|
||||
doc.redraw();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,45 +27,83 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script>
|
||||
var count = 0, balls = [];
|
||||
var ball;
|
||||
var doc, amount = 50, group;
|
||||
window.onload = function() {
|
||||
|
||||
var canvas = document.getElementById('canvas');
|
||||
var doc = new Doc(canvas);
|
||||
|
||||
var balls = [];
|
||||
|
||||
|
||||
var circlePath = new Path.Circle([0, 0], 10);
|
||||
circlePath.fillColor = new GradientColor(null, [0, 0], [0, 12], [0, 2]);
|
||||
circlePath.fillColor.gradient.type = 'radial';
|
||||
|
||||
var symbol = new Symbol(circlePath);
|
||||
|
||||
var group = new Group();
|
||||
|
||||
var Ball = Base.extend({
|
||||
initialize: function(point, vector) {
|
||||
if (vector.isZero()) {
|
||||
this.vector = Point.random().multiply(5);
|
||||
} else {
|
||||
this.vector = vector;
|
||||
}
|
||||
this.point = point;
|
||||
this.dampen = 0.4;
|
||||
this.gravity = 3;
|
||||
this.bounce = -0.8;
|
||||
this.bounce = -0.6;
|
||||
this.radius = 50 * Math.random() + 10;
|
||||
this.path = new Path.Circle(this.point, this.radius);
|
||||
this.path.fillColor = 'black';
|
||||
this.path.strokeColor = 'white';
|
||||
this.path.strokeWidth = 3;
|
||||
group.appendTop(this.path);
|
||||
this.item = new PlacedSymbol(symbol);
|
||||
this.item.position = point;
|
||||
this.item.scale(this.radius / 10);
|
||||
group.appendTop(this.item);
|
||||
},
|
||||
|
||||
contrainPoint: function() {
|
||||
var x = this.point.x;
|
||||
var y = this.point.y;
|
||||
var radius = this.radius;
|
||||
this.point.x = Math.min(Math.max(radius, x), doc.size.width - radius);
|
||||
this.point.y = Math.min(Math.max(radius, y), doc.size.height - radius);
|
||||
},
|
||||
|
||||
iterate: function() {
|
||||
this.vector.y += this.gravity;
|
||||
this.vector.x *= 0.99;
|
||||
var pre = this.point.add(this.vector);
|
||||
if(pre.x < this.radius || pre.x > doc.size.width - this.radius)
|
||||
if (pre.x < this.radius || pre.x > doc.size.width - this.radius)
|
||||
this.vector.x *= -this.dampen;
|
||||
if(pre.y < this.radius || pre.y > doc.size.height - this.radius)
|
||||
this.vector.y *= this.bounce;
|
||||
this.point = this.point.add(this.vector);
|
||||
if (pre.y < this.radius || pre.y > doc.size.height - this.radius) {
|
||||
if(Math.abs(this.vector.x) < 3) {
|
||||
this.vector.x = Math.random() * 100 - 50;
|
||||
this.vector.y = Math.random() * 50;
|
||||
this.vector.x = Math.random() * 150 - 75;
|
||||
this.vector.y = Math.random() * 100 + 20;
|
||||
}
|
||||
this.path.position = this.point;
|
||||
this.vector.y *= this.bounce;
|
||||
}
|
||||
this.point = this.point.add(this.vector);
|
||||
this.contrainPoint();
|
||||
this.item.position = this.point;
|
||||
}
|
||||
});
|
||||
|
||||
var canvas = document.getElementById('canvas');
|
||||
doc = new Doc(canvas);
|
||||
group = new Group();
|
||||
for(var i = 0; i < 10; i++) {
|
||||
var position = Point.random().multiply(doc.size);
|
||||
var vector = Point.random().subtract(0.5, 0).multiply(50, 100);
|
||||
var ball = new Ball(position, vector);
|
||||
balls.push(ball);
|
||||
}
|
||||
|
||||
var lastPoint;
|
||||
tool = new Tool({
|
||||
onMouseDown: function(event) {
|
||||
|
|
@ -73,23 +113,22 @@
|
|||
lastPoint = event.point;
|
||||
},
|
||||
onMouseUp: function(event) {
|
||||
balls.push(new Ball(event.point, lastPoint.subtract(event.point)));
|
||||
var delta = lastPoint.subtract(event.point);
|
||||
var ball = new Ball(event.point, delta);
|
||||
balls.push(ball);
|
||||
}
|
||||
});
|
||||
setInterval(draw, 30);
|
||||
}
|
||||
var boundPath;
|
||||
|
||||
var boundPath = new Path.Rectangle([-10, -10], [-11, -11]);
|
||||
boundPath.strokeColor = 'red';
|
||||
boundPath.strokeWidth = 1;
|
||||
|
||||
function draw() {
|
||||
for (var i = 0, l = balls.length; i < l; i++) {
|
||||
balls[i].iterate();
|
||||
}
|
||||
if(balls.length) {
|
||||
if(boundPath)
|
||||
boundPath.remove();
|
||||
boundPath = new Path.Rectangle(group.bounds);
|
||||
boundPath.strokeColor = 'black';
|
||||
boundPath.strokeWidth = 5;
|
||||
boundPath.strokeCap = 'round';
|
||||
boundPath.bounds = group.bounds;
|
||||
doc.redraw();
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var count = 0;
|
||||
var doc;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var count = 0;
|
||||
var doc;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var count = 0;
|
||||
var doc;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
var count = 0;
|
||||
var doc;
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
|
||||
<script>
|
||||
window.onload = function() {
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
|
|
@ -14,7 +14,9 @@
|
|||
<script type="text/javascript" src="../../src/basic/Size.js"></script>
|
||||
<script type="text/javascript" src="../../src/basic/Matrix.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Doc.js"></script>
|
||||
<script type="text/javascript" src="../../src/document/Symbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Item.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PlacedSymbol.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Group.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/Layer.js"></script>
|
||||
<script type="text/javascript" src="../../src/item/PathStyle.js"></script>
|
||||
|
|
@ -25,6 +27,9 @@
|
|||
<script type="text/javascript" src="../../src/color/Color.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientColor.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/Gradient.js"></script>
|
||||
<script type="text/javascript" src="../../src/color/GradientStop.js"></script>
|
||||
<script>
|
||||
window.onload = function() {
|
||||
var canvas = document.getElementById('canvas');
|
||||
|
|
|
|||
Loading…
Reference in a new issue