下面是一份 200 条关于 HTML5 Canvas 的面试题合集,适用于前端开发岗位的中高级工程师面试准备。内容涵盖基础概念、绘图操作、性能优化、动画实现、安全机制等多个方面,并附有参考答案或解析建议。

🧠 一、Canvas 基础知识(1-40)
1. 什么是 HTML5 Canvas?
<canvas>
是 HTML5 提供的一个用于绘制图形的容器元素,它通过 JavaScript API 实现位图画布功能。
2. Canvas 和 SVG 的区别是什么?
- Canvas:基于像素,适合大量图形渲染,无 DOM 操作。
- SVG:基于矢量,支持 DOM 操作,适合交互式图形。