我们可以用画布（Canvas）绘制各种图形，下面代码是绘制的一个圆形：
<!DOCTYPE html> <html> <head> <title>Canvas画布</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> #canvas{width: 200px; height: 200px; border: 1px solid #d3d3d3;} </style> </head> <body> <div>绘制一个圆</div> <canvas id="canvas">您的浏览器不支持HTML5 canvas 标签。</canvas> <script> var canvas=document.getElementById("canvas"); canvas.width=200; canvas.height=200; var context=canvas.getContext("2d"); context.beginPath(); context.arc(100,50,50,0,2*Math.PI); context.stroke(); </script> </body> </html>
HTML5标准规范：HTML5标准规范
HTML5代码规范：HTML5代码规范