Javascript kinetic-v3.8.2.js破坏了kinetic-v3.6.0.js和kinetic-image-plugin-v1.0.1.js,如何修复?
我正在尝试制作一个动态画布,在这里我可以动态添加来自另一个源的图片,我希望在背景中有一个网格,所以我使用了kinetic v3.8.2中的kinetic.rect。 图像需要是可拖动的,从Dynamic v.3.6.0开始,但是如果我在v3.8.2处于活动状态时设置为可拖动,它就会中断。 根据FireBug,“配置未定义”。 FireBug说:“img.kinetic.draggable不是一种方法。”Javascript kinetic-v3.8.2.js破坏了kinetic-v3.6.0.js和kinetic-image-plugin-v1.0.1.js,如何修复?,javascript,canvas,kineticjs,Javascript,Canvas,Kineticjs,我正在尝试制作一个动态画布,在这里我可以动态添加来自另一个源的图片,我希望在背景中有一个网格,所以我使用了kinetic v3.8.2中的kinetic.rect。 图像需要是可拖动的,从Dynamic v.3.6.0开始,但是如果我在v3.8.2处于活动状态时设置为可拖动,它就会中断。 根据FireBug,“配置未定义”。 FireBug说:“img.kinetic.draggable不是一种方法。” 有解决方法吗?你能举个小例子吗?动力学API发生了变化。以下是3.8.2中的可拖动图像: &
有解决方法吗?你能举个小例子吗?动力学API发生了变化。以下是3.8.2中的可拖动图像:
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript' src='js/kinetic/kinetic-v3.8.2.js'></script>
<script type='text/javascript'>
window.onload = function () {
var stage = new Kinetic.Stage('container', 400, 300);
var layer = new Kinetic.Layer({
name: 'someLayer'
});
var logo = new Image();
logo.onload = function() {
var myImage = new Kinetic.Image({
x: stage.width / 2 - (logo.width / 2)
, y: stage.height - logo.height - 5
, image: logo
, width: logo.width
, height: logo.height
});
myImage.draggable(true)
layer.add(myImage);
layer.draw();
}
logo.src = "\./resources/images/ccs_logo.png";
stage.add(layer)
}
</script>
</head>
<body onmousedown="return false;" bgcolor=#000000>
<div id="container">
</div>
</body>
</html>
但现在它是用配置(对象文本)定义的:
您可以在中看到示例;还可以查看更新的
var rect = new Kinetic.Rectangle(function () {
//do drawing stuff here
});
var rect = new Kinetic.Rectangle({
x: 0,
y: 0,
height: 20,
width: 20
});