HTML5 холст рисования линии над линейкой

Question

Пожалуйста, посетите следующий jsfiddle: - http://jsfiddle.net/mayanknimje87/GfaZ2/3/

есть линейка и карандаш. Я могу нарисовать линию над линейкой, когда она прямая. Но когда я поверну шкалу, рисование линии не будет работать. Кроме того, я хочу дать анимацию, когда пользователь кладет карандаш на линейку (ограничивается только верхней частью линейки, а не нижней или средней), начинает рисовать линии и анимировать. Ex. Если пользователь нанес карандаш на отметку 15 линейки, он должен оживить и нарисовать линию от 15 до 0. Также пользователь может нарисовать линию, когда карандаш касается верхней части линейки, а не посередине и снизу. Пожалуйста, помогите мне. Будет здорово учиться. Заранее спасибо.

Answer 1

Для того, чтобы пиксели холста были нарисованы над этими элементами изображения, вам нужно поместить холст сверху. Однако холст затем впитывает события мыши.

Тем не менее, я думаю, что вы должны сделать это, а затем перехватить события мыши на холсте и обработать перетаскивание туда.