使用像素检测后无法拖动Kinetic.JS图像
Kinetic.JS Image Unable to Drag After Using Pixel Detection
我正在使用Kinetic.JS
库来开发HTML5应用程序。我使用Kinetic.Image加载图像(.PNG
格式),并使用像素检测仅检测图像的不透明部分。问题是,尽管我已将draggable
属性设置为true
并使用saveImageData
方法,但我无法正确拖动图像。图像在之前被拖动(使用path
检测)。有解决方案吗?这是我的代码:
var beeObj = new Image();
beeObj.onload = function(){
bee = new Kinetic.Image({ //bee is global variable
x: 325 - 45,
y: 145 - 83,
image: beeObj,
draggable: true
});
lineLayer.add(bee);
lineLayer.draw();
bee.saveImageData();
};
beeObj.src = directory + "smile_bee.png";
图像加载程序中没有DetectionType。。它应该是类似的东西
bee = new Kinetic.Image({ //bee is global variable
x: 325 - 45,
y: 145 - 83,
image: beeObj,
draggable: true,
DetectionType: 'Pixels'
});
鼠标悬停时,您可以使用相同的功能,即
bee.saveImageData();
并以相同的函数结束整个onload函数然后它将工作
现在Eric发布了v4+所以现在没有像素检测类型的
你可以使用类似的东西
image.createImageBuffer();
//清除图像缓冲
image.clearImageBuffer();
希望这是。。
问候
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 删除对HTML元素的拖动
- jQuery UI可排序-多连接列表拖动
- 禁用SVG拖动
- 旋转后拖动对象
- JQuery UI可拖动潜水与滚动棒到鼠标
- jsPlumb-拖动克隆而不进行复制
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 如何使元素在可拖动元素内可单击
- 如何在使用Kinetic拖动同一对象后,在旋转动画中保持先前的偏移
- 在d3中拖动一条线
- 使元素在iframe中可拖动
- 通过拖动可以更改三维模型对象在Three.js场景中的位置
- 如何使所有绘制的(矩形、圆形、直线、多边形)都可拖动?纯JS
- 拖动开始时更改可拖动元素的大小
- 如何正确拖动jqgrid编辑表单
- 交互.js拖动的项目移动到顶部
- 使用像素检测后无法拖动Kinetic.JS图像
- 编辑其他Kinetic.Image时拖动Kinetic.Image
- KineticJS:使丢弃的元素可以作为Kinetic.Group进行拖动