我有一个画布,我在其中加载图像从HTML img标签点击...我正在使用kinetic.js库使这些元素可拖动。现在,我想要实现的是限制这些图像在特定区域内的移动。如果一个人靠近另一个人,也会让他们变得容易抓狂。我正在寻找jquery可拖动库,但是在html5 canvas..cause中实现这些东西是没有用的,这个库使得元素是可拖拽的,然后快照操作works..now my element is draggable.So,它只会使事情变得更加复杂,并会降低速度。
那么,有谁知道如何限制图像在HTml5画布中的移动?
我想创建一个新的应用程序。它基本上是一个深度缩放应用程序,用户可以在上面绘制注释(这将保存到数据库中,以便其他用户可以看到这些注释)。起初,它只是简单地在浏览器中运行。然而,如果该应用程序可以被该领域的爱好者使用,那么它将是有用的,因此能够在智能手机或其他手持设备上运行将是非常有益的。3G/4G信号很可能在这些地方几乎不存在,所以有能力下载一个“区域”的所有图像和信息将是很好的。
我无法决定使用哪种技术。Silverlight Deep Zoom应用程序在浏览器中看起来真的很不错,但我听说微软可能无论如何都不会抛弃这项广泛支持的技术,唯一能够运行Silverlight的智能手机将是Window
我试图掌握html5拖放事件的窍门。
function rowDragStart(event) {
let targetRowId = event.target.attributes.row.value;
event.dataTransfer.setData("text/plain", targetRowId);
}
function rowDragOver(event) {
event.preventDefault();
let draggingId = event.dataTransfer.getData('text');