分享更有价值
被信任是一种快乐

HTML5 canvas画矩形时出现边框样式不一致怎么解决

文章页正文上

这篇“HTML5 canvas画矩形时出现边框样式不一致怎么解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML5 canvas画矩形时出现边框样式不一致怎么解决”文章吧。
先附上HTML5画矩形的的代码:
复制代码
代码如下:


varcanvas=document.getElementById(‘myCanvas’);
varcontext=canvas.getContext(‘2d’);
context.beginPath();
context.rect(188.0,50,200,100.375);
context.fillStyle=’white’;
context.fill();
context.lineWidth=1;
context.strokeStyle=’red’;
context.stroke();

你会发现执行后边框样式不一样,明显底部很细。颜色也略有不同
把context.rect(188.0,50,200,100.375)修改免费云主机、域名为context.rect(188.0,50,200,100)后,发现样式就完全一致了。
由此说明:画矩形的时候,如果里面的参数有不是整数的话,容易导致边框问题,所以建议大家取整后再用。以上就是关于“HTML5 canvas画矩形时出现边框样式不一致怎么解决”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注云技术行业资讯频道。

相关推荐: css中美化网页的元素是什么

小编给大家分享一下css中美化网页的元素是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   2.标签   标签的作用   能让某几个文字或者某个词语凸显出来   示例:   享…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册