lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-11-18 09:07:30 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Implemented "a", "A". Added unit test for SVG "tiger" path (the canonical SVG example)

Browse Source
This commit is contained in:
Jason Follas
2012-06-05 23:56:46 -04:00
parent e74fa3a319
commit b61c688a83
4 changed files with 389 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

241
tests/assets/tiger.js Normal file
View File

File diff suppressed because one or more lines are too long

21
tests/html/unitTests.html
View File

@@ -1,17 +1,18 @@
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css"href="../base.css">
<script src="../../dist/kinetic-core.js"></script>
<script src="../assets/worldMap.js"></script>
<script src="../js/Test.js"></script>
<script src="../js/unitTests.js"></script>
<script>
<head>
<link rel="stylesheet" type="text/css"href="../base.css">
<script src="../../dist/kinetic-core.js"></script>
<script src="../assets/worldMap.js"></script>
<script src="../assets/tiger.js"></script>
<script src="../js/Test.js"></script>
<script src="../js/unitTests.js"></script>
<script>
window.onload = function() {
var test = new Test();
test.run();
};
</script>
</head>
<body onmousedown="return false;"></body>
</script>
</head>
<body onmousedown="return false;"></body>
</html>

58
tests/js/unitTests.js
View File

@@ -1640,6 +1640,64 @@ Test.prototype.tests = {
stage.add(layer);
},
'SHAPE - arc': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 1024,
height: 480,
throttle: 80,
scale: 0.5,
x: 50,
y: 10
});
var layer = new Kinetic.Layer();
var c = "M100,350 l 50,-25 a25,25 -30 0,1 50,-25 l 50,-25 a25,50 -30 0,1 50,-25 l 50,-25 a25,75 -30 0,1 50,-25 l 50,-25 a25,100 -30 0,1 50,-25 l 50,-25";
var path = new Kinetic.Path({
data: c,
fill: 'none',
stroke: '#999',
strokeWidth: 1,
});
path.on('mouseover', function() {
this.setFill('red');
layer.draw();
});
path.on('mouseout', function() {
this.setFill('none');
layer.draw();
});
layer.add(path);
stage.add(layer);
},
'SHAPE - Tiger (RAWR!)': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 1024,
height: 480,
scale: 0.25,
x: 50,
y: 50
});
var layer = new Kinetic.Layer();
var group = new Kinetic.Group();
for (var i=0; i < tiger.length; i++)
{
var path = new Kinetic.Path(tiger[i]);
group.add(path);
}
group.draggable(true);
layer.add(group);
stage.add(layer);
},
'SHAPE - add shape with custom attr pointing to self': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,