开发者

html5 canvas paint application

开发者 https://www.devze.com 2023-03-30 16:30 出处:网络
I\'m working on a paint application with canvas, and trying to make some better tools. now i have one tool that only connects lines while following t开发者_JS百科he mouse movement.

I'm working on a paint application with canvas, and trying to make some better tools. now i have one tool that only connects lines while following t开发者_JS百科he mouse movement. can you think of a good tutorial or a good idea for other tools like spary, or brush? thanks


You might find the following resources useful:

  • Create a Drawing App with HTML5 Canvas and JavaScript
  • Create a Paint Bucket Tool in HTML5 and JavaScript
  • Overview of JavaScript Application Development - Case CanvasDraw
  • Presentation - Intro to HTML5 Canvas

Feel free to contact me if you need more specific pointers. I think those above should at least help you to get started. :)


Please have a look at this code project article.

it may be useful to you.

http://www.codeproject.com/Articles/427422/Paint-Brush-Application-Using-HTML5-Canvas

thanks


I don't have a tutorial, but I think you should simply use thicker lines to create a brush tool.

A spray tool could draw random points in a circle with random alpha(that's quite easy to implement), but that might be extremely slow on some browsers. Drawing using pre-generated images would be much better but harder to implement.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号