欢迎使用CSDN-markdown编辑器

HTML5 中的canvas
您目前使用的浏览器不支持canvas

window.onload=function(){ var canvas = document.gentElementById('canvas'); //使用context接口完成绘图 var context = canvas.getContext('2d'); //canvas 的高和宽不使用CSS来定义,因为CSS定义的是页面的可视化看到,在绘图时内部还有绘图的所要占用的空间 canvas.width = 1024; canvas.height=768; //鼠标开始的位置moveTo context.moveTo(100,100); //鼠标停止的位置lineTo context.lineTo(600,600); context.lineTo(100,100); //鼠标笔触的宽度 lineWidth context.lineWidth=4; //鼠标绘制出来的颜色一般是CSS的样式,16进制颜色代码,英文单词均可以,但是要放在字符串中 strokeStyle context.strokeStyle='#333333'; //调用stroke方法绘制线条 context.stroke();}