sign in


Forgot your password?


Why sign up?
- One account for five websites!
- Free access to Premium Codes
- Acess to cool web tools
- Ask and answer questions
- Stay ahead of other web developers
- and MUCH MORE!

Feel The Power

Html Codes: Canvas- Clipping, Effective Way for Drawing and Filling

HTML5 Canvas has effective feature for using the specific region of the context as the usable area, called Clipping. The benefit is that it can be used as a way for drawing or filling a defined part of an object or text, not its whole; so it is not important where and what you draw, the part that is inside the clipping region is shown. In the code below we have used HTML5 Canvas Clipping feature for filling part of a text and part of a triangle. Note that, for having more than one clipping region, you can save the current state of the context before call clip function and then restore it again. And be aware that we have made the clipping region visible for showing what has been done, but you can hide it if it isn't necessary to have more beautiful 2D graphics.

If you don't know how to use this code or need more information Click here!


You can leave comments once you sign in/up.


Online Users: 1
Total Online Users: 5
Recent Members: yuri , Ahmadullo, Ruqyahstor, Steven12345, dragoncitya
Twitter LinkedIn Youtube

Download Link to us:


Please put this code in your page.