解决canvas画布使用fillRect()时高度出现双倍效果的问题

解决canvas画布使用fillRect()时高度出现双倍效果的问题

当设置canvas的宽度和高度时，只有内嵌css有效，外部css会出现拉伸的情况，例如：

<title>Document

不支持canvas标签

显示情况如下：

该效果与我们预想的不同，此时有两种修改方案：

(1) 在代码js中添加设置宽高属性的代码设置宽度和高度：

canvas.setAttribute("height",canvas.clientHeight);

canvas.setAttribute("width",canvas.clientWidth);

(2) 除http://去外部css中设置宽高属性的代码，给canvas标签直接添加宽度和高度属性：

不支持canvas标签

最后显示效果如下：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。