lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

added tests for configurator combinations

Browse Source
This commit is contained in:
Eric Rowell 2012-10-19 23:31:26 -07:00
parent 8298bdee7a
commit f1e2503873
4 changed files with 169 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
tests/html/special/coreCustomBuild.html Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="container"></div>
<script src="../../../dist/kinetic-Global-current.min.js"></script>
<script src="../../../dist/kinetic-Type-current.min.js"></script>
<script src="../../../dist/kinetic-Canvas-current.min.js"></script>
<script src="../../../dist/kinetic-Transform-current.min.js"></script>
<script src="../../../dist/kinetic-Collection-current.min.js"></script>
<script src="../../../dist/kinetic-Node-current.min.js"></script>
<script src="../../../dist/kinetic-Container-current.min.js"></script>
<script src="../../../dist/kinetic-Stage-current.min.js"></script>
<script src="../../../dist/kinetic-Layer-current.min.js"></script>
<script src="../../../dist/kinetic-Group-current.min.js"></script>
<script src="../../../dist/kinetic-Shape-current.min.js"></script>
<script src="../../../dist/kinetic-Circle-current.min.js"></script>
<script src="../../js/Test.js"></script>
<script>
var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,
y: 100,
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4
});
layer.add(circle);
stage.add(layer);
</script>
</body>
</html>

53
tests/html/special/dragAndDropCustomBuild.html Normal file
View File

@ -0,0 +1,53 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="container"></div>
<script src="../../../dist/kinetic-Global-current.min.js"></script>
<script src="../../../dist/kinetic-Type-current.min.js"></script>
<script src="../../../dist/kinetic-Canvas-current.min.js"></script>
<script src="../../../dist/kinetic-Transform-current.min.js"></script>
<script src="../../../dist/kinetic-Collection-current.min.js"></script>
<script src="../../../dist/kinetic-Animation-current.min.js"></script>
<script src="../../../dist/kinetic-Node-current.min.js"></script>
<script src="../../../dist/kinetic-DragAndDrop-current.min.js"></script>
<script src="../../../dist/kinetic-Container-current.min.js"></script>
<script src="../../../dist/kinetic-Stage-current.min.js"></script>
<script src="../../../dist/kinetic-Layer-current.min.js"></script>
<script src="../../../dist/kinetic-Group-current.min.js"></script>
<script src="../../../dist/kinetic-Shape-current.min.js"></script>
<script src="../../../dist/kinetic-Circle-current.min.js"></script>
<script src="../../js/Test.js"></script>
<script>
var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,
y: 100,
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4,
draggable: true
});
layer.add(circle);
stage.add(layer);
</script>
</body>
</html>

9
tests/html/special/index.html Normal file
View File

@ -0,0 +1,9 @@
<html>
<body>
<a href="coreCustomBuild.html">coreCustomBuild.html</a><br>
<a href="dragAndDropCustomBuild.html">dragAndDropCustomBuild.html</a><br>
<a href="transitionCustomBuild.html">transitionCustomBuild.html</a><br>
<a href="stageBelowFold.html">stageBelowFold.html</a><br>
<a href="tallStage.html">tallStage.html</a><br>
</body>
</html>

61
tests/html/special/transitionCustomBuild.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE HTML>
<html>
<head>
<style>
</style>
</head>
<body>
<div id="container"></div>
<script src="../../../dist/kinetic-Global-current.min.js"></script>
<script src="../../../dist/kinetic-Type-current.min.js"></script>
<script src="../../../dist/kinetic-Canvas-current.min.js"></script>
<script src="../../../dist/kinetic-Tween-current.min.js"></script>
<script src="../../../dist/kinetic-Transform-current.min.js"></script>
<script src="../../../dist/kinetic-Collection-current.min.js"></script>
<script src="../../../dist/kinetic-Animation-current.min.js"></script>
<script src="../../../dist/kinetic-Node-current.min.js"></script>
<script src="../../../dist/kinetic-Transition-current.min.js"></script>
<script src="../../../dist/kinetic-Container-current.min.js"></script>
<script src="../../../dist/kinetic-Stage-current.min.js"></script>
<script src="../../../dist/kinetic-Layer-current.min.js"></script>
<script src="../../../dist/kinetic-Group-current.min.js"></script>
<script src="../../../dist/kinetic-Shape-current.min.js"></script>
<script src="../../../dist/kinetic-Circle-current.min.js"></script>
<script src="../../js/Test.js"></script>
<script>
var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 200
});
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,
y: 100,
radius: 70,
fill: 'red',
stroke: 'black',
strokeWidth: 4
});
layer.add(circle);
stage.add(layer);
circle.transitionTo({
x: 400,
duration: 1,
easing: 'ease-in-out'
});
</script>
</body>
</html>