小编And*_*dyX的帖子

在HTML5 Canvas上绘制1像素线的完整解决方案

在HTML5画布上绘制1像素线总是有问题的.(请参阅http://jsbin.com/voqubexu/1/edit?js,output)

绘制垂直/水平线的方法是x + 0.5,y + 0.5(当0 <lineWidth <1时,请参阅画布线行为).要在全球范围内做到这一点,ctx.translate(0.5, 0.5);这将是一个好主意.

但是,对于对角线,此方法不起作用.它总是给出2像素线.有没有办法阻止这种浏览器行为?如果没有,是否有可以解决此问题的软件包?

javascript line html5-canvas

7
推荐指数
1
解决办法
2826
查看次数

标签 统计

html5-canvas ×1

javascript ×1

line ×1