Draw on the Canvas With JavaScript. The drawing on the canvas is done with JavaScript. The canvas is initially blank. To display something, a script is needed to access the rendering context and draw on it. The following example draws a red rectangle on the canvas, from position (0,0) with a width of 150 and a height of 75:

The HTML <canvas> element is used to draw graphics on a web page. The graphic to the left is created with <canvas>. It shows four elements: a red rectangle, a gradient rectangle, a multicolor rectangle, and a multicolor text.

2024年12月19日 · Use the HTML <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations.

HTML5 canvas provides an easy way of drawing graphics on the web pages using JavaScript. This tutorial will give you an overview of how to use the HTML5 canvas element.

2010年3月3日 · I want to draw on a HTML Canvas using a mouse (for example, draw a signature, draw a name, ...) How would I go about implementing this?

2025年3月18日 · By the end of this article, you will have learned how to draw rectangles, triangles, lines, arcs and curves, providing familiarity with some of the basic shapes. Working with paths is essential when drawing objects onto the canvas and we will see how that can be done.

2025年3月6日 · The browser contains some very powerful graphics programming tools, from the Scalable Vector Graphics (SVG) language, to APIs for drawing on HTML <canvas> elements, (see The Canvas API and WebGL). This article provides an introduction to canvas, and further resources to allow you to learn more.