Javascript 什么是HTML5画布？

我对什么是HTML5画布有点困惑。有人告诉我这是JavaScript，但这似乎是一个更大的交易

它与javascript有什么不同

为什么这么神奇

除了JavaScript，它还能做其他事情吗

---

我建议你读这篇文章

但简而言之。它不会取代javascript

HTML5画布为您提供了一个简单而实用的 使用 JavaScript。对于每个画布元素 你可以使用“上下文”（想想 绘图板中的页面），您可以将 可以发出JavaScript命令进行绘制 你要什么都行。浏览器可以 实现多个画布上下文和 不同的API提供了图形 功能

---

canvas

基本上是一个可以使用javascript绘制的

img

元素。

基本上是一个可以编程绘制的绘图画布；一种用于web的可编写脚本的位图绘制工具

我认为，除了我们现在都可以轻松创建基于web的MS Paint克隆之外，它的“惊人”之处在于，您有一个更丰富、完全自由的区域，可以在客户端动态创建复杂的图形。你可以画漂亮的图形，或者用照片做一些事情。据说，你也可以做动画

---

如果你想试试的话。

首先，画布不是JavaScript！这两件事完全不同

Canvas是一个HTML5元素，可以使用JavaScript动态渲染图形、动画、图形、照片合成或任何其他视觉对象。更常见的情况是，canvas用于构建网络游戏和在线演示。

• 画布-类似于白纸的矩形区域
• Context-通过使用我们可以调用的许多函数返回对象，这些函数用于在画布上绘制图形和动画（例如铅笔在纸上的使用方式）

请参见以下在画布上绘制线的示例：

var canvas=document.getElementById（“c”）//使用javascript获取画布
var context=canvas.getContext（“2d”）//画布上的getcontext
context.beginPath（）//从这条路开始，我们要画一条线
上下文。moveTo（20,20）//线路起点
上下文。lineTo（40,20）//线路终点
stroke（）//用于绘制线条的墨水（默认值：黑色）

不过，动画部分必须自己实现。画布本身不支持帧或移动。