html5canvas默认高度,canvas默认大小

　　在画布中，当宽度和高度写在画布上时，就是画布的实际画板尺寸。默认情况下，宽度为300像素，高度为150像素。

　　Widht和height是在style中编写css样式时的实际显示大小。现在以用canvas画一个对角线为例:按如下方式复制代码：

　　！声明文档类型

　　头

　　meta charset=utf-8 /

　　标题画布/标题

　　脚本类型=文本/javascript

　　window.onload=function(){

　　get canvas()；

　　};

　　///canvase绘图

　　函数getCanvas(){

　　//获取画布元素及其绘制上下文

　　var canvas=document . getelementbyid( canvasId )；

　　var context=canvas . get context( 2d )；

　　//创建带有绝对路标的路径

　　context . begin path()；

　　context.moveTo(0，200)；

　　context.lineTo(200，0)；

　　//先把这篇文章画在画布上

　　context . stroke()；

　　}

　　/脚本

　　/头

　　身体

　　canvasId= canvasId width= 200 px height= 200 px style= width:400 px；高度：200像素；/画布

　　/body

　　/html

　　显示效果如下：

　　大家可以看到，画布画板是一个200*200的正方形，用(0，200)到(200，0)的对角线显示绘图。

　　但是图形显示是400*200的矩形，显示也是对角线。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。