How does canvas work html

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use , cookie and privacy policy. Copyright by Refsnes Data. All Rights Reserved. That content will be rendered both on older browsers that don't support canvas and in browsers with JavaScript disabled.

The displayed size of the canvas can be changed using CSS, but if you do this the image is scaled during rendering to fit the styled size, which can make the final graphics rendering end up being distorted. The following is some data we've collected from various tests and other sources e. Stack Overflow :. Note: Exceeding the maximum dimensions or area renders the canvas unusable — drawing commands will not work. This code snippet adds a canvas element to your HTML document.

A fallback text is provided if a browser is unable to render the canvas, or if can't read a canvas. How are we doing? Please help us improve Stack Overflow. Take our short survey. Stack Overflow for Teams — Collaborate and share knowledge with a private group. Create a free Team What is Teams? Collectives on Stack Overflow.

Learn more. Ask Question. Asked 12 years, 7 months ago. Active 11 years, 11 months ago. Viewed 6k times. Thanks in advance. Improve this question. You could read the WebKit source code: webkit. Are you a microsoft employee? Add a comment. Active Oldest Votes. So, using the Windows 3. Improve this answer. On a second thought, it seems impossible for javascript to call browser's OS native drawing methods. JavaScript can't call OS drawing commands. This makes more sense.

But which method is actually called when I call Canvas drawline? In other words, how a single black pixel is actually rendered on the browser by Javascript call?

Again, why does it matter? The actual method name could be internal to the browser i. Show 2 more comments. Jason Orendorff Jason Orendorff This is one way another would be that E. Paul Paul 4 4 silver badges 4 4 bronze badges.