HTML5画布绘制线在标尺上

Question

请访问以下jsfiddle： - http://jsfiddle.net/mayanknimje87/GfaZ2/3/

有一把尺子和一支铅笔。当它是直的时我可以画直尺。但是当我旋转刻度时，绘制线条将不起作用。此外，我想给动画，当用户将铅笔放在尺子上时（仅限于标尺的上部而不是底部或中间），它开始画线和动画。防爆。如果用户将铅笔放在标尺15上，那么它应该动画并从15到0画线。当铅笔接触到标尺顶部而不是中间和底部时，用户也可以绘制线条。请帮帮我。学习会很棒。提前谢谢。

Answer 1

为了在这些图像元素上方绘制画布像素，您必须将画布放在顶部。但是，画布将吸收鼠标事件。

不过，我认为你应该这样做，然后在画布中捕捉鼠标事件并处理那里的拖动。