扫码关注官方订阅号
test Html5 你的浏览器不支持canvas!!!
你的浏览器不支持canvas!!!
设置 context.lineWidth = 1也没用,默认的宽度是2px,
context.lineWidth = 1
2px
为什么绘制出来的图形是模糊的?刚刚接触canvas,求指教?
光阴似箭催人老,日月如移越少年。
canvas 样式的宽高和属性的宽高是不一样的,样式的宽高就是实际显示在页面的像素宽高,属性的宽高是context的环境宽高,样式宽高和属性宽高默认都是300 150,你现在改了它的样式宽高为100% 600px,相当于把context环境内的300 150画在了现实中的100% 600px里,所以就模糊了,所以一般都要保持样式的宽高和属性的宽高一致。 eg.
<canvas width='600' height='300' style='width:600px;height:300px;' ></canvas>
楼上正解,浏览器由此需要对位图进行缩放。所以模糊是一定的了。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
canvas 样式的宽高和属性的宽高是不一样的,样式的宽高就是实际显示在页面的像素宽高,属性的宽高是context的环境宽高,样式宽高和属性宽高默认都是300 150,你现在改了它的样式宽高为100% 600px,相当于把context环境内的300 150画在了现实中的100% 600px里,所以就模糊了,所以一般都要保持样式的宽高和属性的宽高一致。
eg.
楼上正解,浏览器由此需要对位图进行缩放。所以模糊是一定的了。