Solution to inconsistent border styles when drawing rectangles on HTML5 canvas_html5 tutorial tips

In the past two days, I needed to use my colleague’s HTML5 drawing stuff, and found that the borders drawn by the rectangular drawing function had inconsistent styles. Finally, I found the crux of the problem through some troubleshooting methods, and now I will share it with you.

First attach the code for drawing a rectangle in HTML5:

Copy the code

The code is as follows:

• 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