搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
HTML参考手册
HTML 标签大全
源代码
清空
点击运行
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 canvas by www.div.cn</title> </head> <body> <h1>Graphics Example</h1> <canvas id="div.cn_canvas" width="125" height="125"></canvas> <script> var canvas = document.getElementById("div.cn_canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "#4B6692"; ctx.fillRect(25, 25, 100, 100); ctx.clearRect(45, 45, 60, 60); ctx.strokeRect(50, 50, 50, 50); </script> </body> </html>
运行结果