将用户交互添加到canvas元素

Question

我刚刚开始使用canvas元素，我想创建像平移元素here这样的东西：为了清晰起见，它在这里描绘：

我想保持非常相似的功能。我发布的例子。我已经做了rough mockup（借口可怕的代码质量）我想做的事情。因此，我最近将我的图形切换为使用画布而不是笨拙风格的DOM元素，我想知道为这个平移元素采用相同的路径是否明智。另外，每次移动或调整平移元素时，如何避免重绘整个帧？

Answer 1

您可以使用与canvas元素上的鼠标事件类似的方式执行此操作，并使用它们来确定要在画布上绘制的内容，以避免重绘，您可以选择性地清除部分框架并将该部分重绘为该部分使用基本行和笔画部分下的clearRect函数http://dev.opera.com/articles/view/html-5-canvas-the-basics/进行更改。