主页
HTML 参考手册
HTML <canvas> 标签
tryhtml_canvas_default_css
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> canvas { border:1px solid black; } </style> </head> <body> <p>一个 canvas 元素显示如下：</p> <canvas id="myCanvas">您的浏览器不支持 HTML5 canvas 标签。</canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 80, 100); </script> <p>更改默认 CSS 设置以查看效果。</p> </body> </html>