在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
在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的长方形,而且显示的也是对角线。 |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论