• Canvas和SVG的主要目标是使用坐标点在浏览器中创建图形(图像/视频)。
• 它用于为网页创建本机交互性和动画。
• 第一次，Canvas元素于2004年由Apple引入。
• 基本上Canvas元素用于在JavaScript的帮助下创建图形。
• Canvas元素具有一些属性，如高度和重量和方法和方法以及绘制字符，框，路径和其他添加图像的方法。
• 在画布中，当绘制任何图形并且如果其位置发生变化，整个场景需要重绘。

在HTML5中使用Canvas的基本方法

我们可以简单地使用JavaScript中的Canvas元素如下

<canvas id="myCanvas" width="200" height="100"></canvas>

说明：

在上面的语法画布ID用于在JavaScript代码中查找Canvas元素。

Canvas元素始终与JavaScript一起使用，因为Canvas元素本身没有绘图功能。

var rectangle = document.getElementById('rectangle');

var context = rectangle.getContext('2d');
context.fillStyle = 'red';
context.fillRect(30, 30, 50, 50);
</script>