css 如何在鼠标拖动时用颜色填充画布?[已关闭]

o7jaxewo  于 2022-11-19  发布在  其他
关注(0)|答案(1)|浏览(149)

**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
2天前关闭。
Improve this question
这是我到目前为止所做的代码。
https://codesandbox.io/s/great-euclid-bniuuq?file=/src/dnd.js
功能

  • 当鼠标从左向右拖动时填充红色。

我想做的是
1.用红色填充到鼠标光标最终拖动结束的位置。目前,它用颜色填充到鼠标被拖动的最右边的位置。假设我拖动到x坐标200,然后向100拖动,我希望颜色只反映在0到100之间。
1.当拖动时防止重叠。拖动时你会看到一个幽灵边框。我研究了一下,发现了一个相关的问题,CSS /JS to prevent dragging of ghost image?,但它似乎不是我要找的。

5f0d552i

5f0d552i1#

这是一个简单的解决方案,不需要在画布上拖动。只需使用鼠标的x位置来绘制矩形:
第一个

相关问题