本篇文章为大家展示了使用javascript怎么绘制一个方块，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。
html中插入javascript画矩形
<!DOCTYPE <!DOCTYPE html><html><head><meta charset="utf-8"/><title>canvas元素示例</title><script>function draw(id){var canvas = document.getElementById(id);if(canvas == null)return false;var context = canvas.getContext('2d');context.fillStyle = "#eeefff";context.fillRect(0,0,400,300);context.fillStyle = "green";context.strokeStyle = "red";context.lineWidth = 1;context.fillRect(50,50,100,100);context.strokeRect(50,50,100,100);}</script></head><body οnlοad="draw('canvas');"><h2>canvas中画矩形</h2><canvas id="canvas" width="400" height="300"/></body></html>
上述内容就是使用javascript怎么绘制一个方块，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注编程网行业资讯频道。
