问题描述
|
我在画布上绘制由两个三角形组成的正方形时遇到了这个问题。
三角形的两个填充之间有一个空格：
http://cl.ly/71AB/Schermafbeelding_2011-05-24_om_16.52.53.png
盯紧了！
如何在不将两个三角形靠近的情况下解决此问题？
解决方法
这是某些浏览器的抗锯齿问题。例如，此透视演示将在Chrome中绘制时没有这样的白线，但在Firefox中会显示难看的白线，因为这两个浏览器决定采用不同的方式进行抗锯齿。
因此，有些东西在Chrome中看起来不错，而不是FireFox，反之亦然。
有几种尝试解决问题的方法。在这种非常具体的情况下，您可以在两个三角形之间画一条黑线。
编辑：对于半alpha形状，您将不得不更改绘制线的globalCompositeOperation。这是一个示例：jsfiddle.net/rqd8f
模糊算法会有所帮助，但是画布上的每像素操作很慢。
如果使用的是剪切区域，请展开它们。