lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-10-15 12:34:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

stage events can now be added without having a target node. i.e. you can bind mousedown, mouseup, click, dblclick, etc. to the stage directly

Browse Source
This commit is contained in:
Eric Rowell
2013-07-04 00:20:28 -07:00
parent f85c6b1392
commit 7c40333fc8
3 changed files with 123 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
tests/html/functionalTests.html
View File

@@ -7,7 +7,6 @@
</style>
<link rel="stylesheet" type="text/css"href="../base.css">
<script src="../../dist/kinetic-v0.0.0.js"></script>
<script src="../assets/functionalDataUrls.js"></script>
<script src="../js/Test.js"></script>
<script src="../js/functionalTests.js"></script>
<script>

70
tests/js/functionalTests.js
View File

@@ -1,5 +1,75 @@
Test.Modules.DD = {
'stage mouse handlers': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,
width: 578,
height: 200,
draggable: true
});
var top = stage.content.getBoundingClientRect().top;
var layer = new Kinetic.Layer();
var circle = new Kinetic.Circle({
x: stage.getWidth() / 2,
y: stage.getHeight() / 2,
radius: 70,
fill: 'green',
stroke: 'black',
strokeWidth: 4,
name: 'myCircle',
draggable: true
});
layer.add(circle);
stage.add(layer);
/*
stage.on('mousedown', function(evt) {
console.log('mousedown');
console.log(evt.targetNode);
console.log('-------');
});
stage.on('mouseup', function(evt) {
console.log('mouseup');
console.log(evt.targetNode);
console.log('-------');
});
stage.on('mousemove', function(evt) {
console.log('mousemove');
console.log(evt.targetNode);
console.log('-------');
});
stage.on('click', function(evt) {
console.log('click');
console.log(evt.targetNode);
console.log('-------');
});
stage.on('dblclick', function(evt) {
console.log('dblclick');
console.log(evt.targetNode);
console.log('-------');
});
*/
stage.on('dragstart', function(evt) {
console.log('dragstart');
console.log(evt.targetNode);
console.log('-------');
});
},
'remove shape with onclick': function(containerId) {
var stage = new Kinetic.Stage({
container: containerId,