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

---

🧠 一、Canvas 基础知识（1-40）

1. 什么是 HTML5 Canvas？

<canvas> 是 HTML5 提供的一个用于绘制图形的容器元素，它通过 JavaScript API 实现位图画布功能。

2. Canvas 和 SVG 的区别是什么？

• Canvas：基于像素，适合大量图形渲染，无 DOM 操作。
• SVG：基于矢量，支持 DOM 操作，适合交互式图形。