Question

I have external html5 canvas that you can paint on some lines using your mouse. I want to programmatically paint something one this canvas e.g. circle but in a form of animation (not painting at once but imitate the way the human would do and paint circle lets say for the duration of 1 sec.

The code on the external is not mine and uses GWT and this way is highly compressed and obfuscated. That’s why I thought about triggering a sequence of mousedown, mousemove, sleep, mousemove, mouseup events. I know it’s possible to trigger mouse down and up event but what about mouse move event at specific location? Ideally using jQuery.

Answer 1

Have you looked at initMouseEvent and dispatchEvent?

Here is a link https://developer.mozilla.org/en/Document_Object_Model_%28DOM%29/event.initMouseEvent