来源：自学PHP网 时间：2015-01-26 11:14 作者： 阅读:次
[导读] 在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px,接下来详细介绍，感兴趣的朋友可以参考下...
|
在canvas中当在canvas上写width和height时为canvas的实际画板大小，默认情况下width为300px，height为150px,接下来详细介绍，感兴趣的朋友可以参考下
在style里面写css样式的时候widht和height为实际显示尺寸大小。 现在以用canvas画一个对角线为例： 复制代码 代码如下:<!DOCTYPE html> <head> <meta charset=utf-8 /> <title>canvas</title> <script type='text/javascript'> window.onload = function(){ getCanvas(); }; //canvase绘图 function getCanvas(){ //获得canvas元素及其绘图上下文 var canvas = document.getElementById('canvasId'); var context = canvas.getContext('2d'); //用绝对路标来创建一条路径 context.beginPath(); context.moveTo(0,200); context.lineTo(200,0); //将这条先绘制到canvas上 context.stroke(); } </script> </head> <body> <canvas id='canvasId' width="200px" height='200px' style='width:400px;height:200px;' ></canvas> </body> </html> 显示效果如下：  可以看到，canvas画板为200*200的正方形，画图是用到了（0，200）到（200，0）的对角线显示。 但是图形显示的时候为400*200的长方形，而且显示的也是对角线。 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
