🌯 HTML canvans 画布与 SVG
# HMTL5 canvas 元素
canvas 元素用于在网页上 使用 JavaScript 绘制图形；
canvas 画布是一个矩形区域，可以控制每一个像素；
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
🌰 例子 / 创建一个 canvas 元素，使用 width / height 规定元素的宽度和高度：
# HTML 内联 SVG
SVG ：可伸缩矢量图形（Scalable Vector Graphics），使用 XML 格式定义图形。与其他图形格式相比，可以通过文本编辑器修改；可以被搜索、索引、脚本化和压缩；并且可以在任何分辨率下被高质量打印、不下降质量的情况被放大；
🌰 例子：
# Canvas 与 SVG 比较
# Canvas
- 依赖分辨率
- 不支持事件处理器
- 弱的文本渲染能力
- 能够以 .png 或 .jpg 格式保存结果图像
- 最适合图像密集型的游戏，其中的许多对象会被频繁重绘
# SVG
- 不依赖分辨率
- 支持事件处理器
- 最适合带有大型渲染区域的应用程序（比如谷歌地图）
- 复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
- 不适合游戏应用
编辑 (opens new window)
📢 上次更新: 2022/09/02, 10:18:16