我正在做一个包含一些可拖动内容的项目。所有可拖动的图像都具有透明的部分，并与其他内容重叠。
我在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_(transparent).png/484px-Jupiter_(transparent).png"></img>
</body>
img{
border: solid black 1px;
}
在该示例中，您可以通过按住图像边框内任意位置的鼠标左键来抓取图像，即使它们是透明的。在这个例子中，我的目标是只有在你抓住木星的可见部分时才能拖动图像。
这在 html 中可能吗？
根据您在上面评论中的澄清，在画布元素中绘制图像可能是最简单的。您可以向画布添加可拖动性，如这篇SO帖子中所述：使用JavaScript使画布上绘制的图像可拖动。您可以对其进行修改，以仅在非透明像素处于单击位置时才触发拖动标志。