在javascript中绘制方块的方法：首先创建一个html示例文件；然后在body中添加canvas标签；接着在head中添加script标签，用于输入javascript代码；最后通过draw方法绘制方块即可。
本文操作环境：windows7系统、javascript1.8.5&&html5版、dell g3电脑。
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');"><h1>canvas中画矩形</h1><canvas id="canvas" width="400" height="300"/></body></html>
【推荐学习：javascript高级教程】
以上就是如何在javascript中绘制方块的详细内容。