HTML 5 中的 canvas 是什么？

Question

HTML5 中的canvas是什么？作为开发人员，我有点陌生。 Canvas 是一个 HTML 区域，您可以在其中绘制图形。

""500"" id=""mycanvas"" solid="" style=""border:1px" width=""600""></canvas>

var c=document.getElementById("mycanvas");
var ctx=c.getContext("2d");

这是什么意思？

Answer 1

canvas 在 HTML 5

HTML 元素用于通过 JavaScript 动态绘制图形。

该元素只是图形的容器。您必须使用 JavaScript 才能实际绘制图形。

Canvas有几种绘制路径、框、圆、文本和添加图像的方法。

check this link

我在下面添加了一个例子，

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
Your browser does not support the HTML5 canvas tag.
</canvas>

Answer 2

来自 MDN docs :

Added in HTML5, the HTML <canvas> element can be used to draw graphics via scripting in JavaScript. For example, it can be used to draw graphs, make photo compositions, create animations, or even do real-time video processing or rendering.

从这里开始：Canvas tutorial by MDN

HTML 5 中的 canvas 是什么？

What is canvas in HTML 5?

html

css

canvas

area