正在加载...
HTML canvas
canvas 空白位图区，由 JS 绘制。
直接回答
<canvas> + getContext("2d") 绘制。无脚本时看 fallback。
Canvas with fallback text
html
HTML Code
<canvas id="c" width="300" height="150">
Your browser does not support canvas drawing.
</canvas>
<script>
const ctx = document.getElementById("c").getContext("2d");
ctx.fillStyle = "#248";
ctx.fillRect(20, 20, 120, 80);
</script>试一试
- 加 canvas
- 画矩形
- 改颜色
- CSS 尺寸≠分辨率
常见错误
- 指望纯 HTML 出图
- 无 fallback
小结
- canvas+JS
- 动态图
- 简单图标用 SVG
- fallback
🧠 测试您的知识
准备开始
测试您的知识
通过这个互动测验挑战自己，看看你对这个主题的理解程度如何
3
问题
70%
及格要求
∞
时间
∞
尝试次数
📝 说明
- 仔细阅读每个问题
- 为每个问题选择最佳答案
- 您可以随时重新参加测验
- 您的进度将显示在顶部