
HTML
HTML
| SVG | HTML 画布 |
|---|---|
| SVG 具有更好的可扩展性。因此可以在任何分辨率下高质量打印 立即学习“前端免费学习笔记(深入)”; |
Canvas的扩展性较差。因此,它不适合以较高分辨率进行打印 |
| SVG 对于较少数量的对象或较大的表面。 | Canvas 在较小的表面或较大数量的对象上提供更好的性能。 |
| SVG可以通过脚本和CSS修改 | 画布只能通过脚本修改 |
| SVG 基于矢量并由形状组成。 | 画布基于光栅并由像素组成。 |
示例
您可以尝试运行以下代码以将可缩放矢量图形 (SVG) 添加到网页 -
HTML5 SVG
HTML5 SVG Circle
示例
您可以尝试运行以下代码,了解如何使用HTML5 Canvas绘制矩形:
HTML5 Canvas Tag











