我有一个画布,我在其中加载图像从HTML img标签点击...我正在使用kinetic.js库使这些元素可拖动。现在,我想要实现的是限制这些图像在特定区域内的移动。如果一个人靠近另一个人,也会让他们变得容易抓狂。我正在寻找jquery可拖动库,但是在html5 canvas..cause中实现这些东西是没有用的,这个库使得元素是可拖拽的,然后快照操作works..now my element is draggable.So,它只会使事情变得更加复杂,并会降低速度。
那么,有谁知道如何限制图像在HTml5画布中的移动?
我正在做一个项目,里面有一些可拖动的内容。所有可拖动的图像都有部分是透明的,并与其他内容重叠。
我在JSFiddle上设置了一个示例:
<body>
<p>The background is transparent, but if you grab ANYWHERE in the border you can drag the image around.</p>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/e/e1/Jupiter_(transpar