Home > Article > Web Front-end > HTML5 how to draw a rectangle with color and transparency for shape diagram_html5 tutorial tips
HTML5 how to draw a rectangle with color and transparency for shape diagram_html5 tutorial tips
- WBOYOriginal
- 2016-05-16 15:47:312000browse
1. Customize brush style
If you want to add color to the shape map, you need to use the following two important attributes.
fillStyle: Set the default color for all fill operations.
strokeStyle: Set the default color for all stroke operations.
2. Draw a rectangle with color and transparency
HTML5
3. Drawing effect
If you want to add color to the shape map, you need to use the following two important attributes.
fillStyle: Set the default color for all fill operations.
strokeStyle: Set the default color for all stroke operations.
2. Draw a rectangle with color and transparency
Copy code
The code is as follows: 3. Drawing effect
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Use HTML5 Canvas to create a water ripple effect that will be triggered when you click on the picture_html5 tutorial skillsNext article：Use HTML5 Canvas to create a water ripple effect that will be triggered when you click on the picture_html5 tutorial skills
Related articles
See more- AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds
- HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)
- Detailed explanation of image drawing examples in HTML5 canvas 9
- Regular expressions and new HTML5 elements
- How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server