redcell1984
-
Posts
4 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by redcell1984
-
-
Hello, I recently posted asking how to add the ability to draw in a browser on my website and was advised to look into javascript and specifically canvas. I have never used javascript and am struggling to work out how to adapt some code I've found. Can anyone help please? This is essentially what I want to achieve but instead with a white background and fine dark grey line, and with a smoother line. I also want it to start drawing as soon as the mouse enters area and does not require mouse click. I tried altering the mousedown to achieve this but no success:http://jsfiddle.net/loktar/dQppK/4/ This open source code, although far more complicated than I need, employs the desired line smoothing:http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html I think this should link to the code for the above:view-source:http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html If anyone can give any help to nudge me along that would be greatly appreciated. Thanks
-
I've had a quick search and it seems a canvas is the way to go to achieve the desired result. Thanks!
-
Hello, I am wanting to create a function on my website that allows visitors to use their cursor to draw. The visitor is not required to make any selections to do this. I would have an area where as soon as the cursor moves a thin line or trail will be left wherever the cursor goes - effectively allowing them to draw. This trail would remain until they leave or refresh the site. I have seen this done on a website a few years ago but unfortunately I don't have examples to illustrate. Can anyone offer advice as to how this may be done? Would this require JavaScript or something else? Any advice would be greatly appreciated. Thanks Paul
Canvas drawing script help
in JavaScript
Posted · Edited by redcell1984
Thanks very much for your help! I have tried what you suggested but the only one I successfully altered was the fillStyle:http://jsfiddle.net/dQppK/257/ Then, after making any of the other alterations in JSFiddle the result section just goes blank and doesn't react:http://jsfiddle.net/dQppK/255/ Another code I found looks like it might be a more efficient way to do the same job, if I alter the pen style to suit my needs, but I can't get the code to work in JSFiddle:http://jsfiddle.net/dQppK/252/ Can anyone suggest where I'm going wrong and whether the third code would be a better source code to use. Thanks