如何解决在画布上绘制两个三角形的正方形,三角形后面有空白
| 我在画布上绘制由两个三角形组成的正方形时遇到了这个问题。 三角形的两个填充之间有一个空格: http://cl.ly/71AB/Schermafbeelding_2011-05-24_om_16.52.53.png 盯紧了! 如何在不将两个三角形靠近的情况下解决此问题?解决方法
这是某些浏览器的抗锯齿问题。例如,此透视演示将在Chrome中绘制时没有这样的白线,但在Firefox中会显示难看的白线,因为这两个浏览器决定采用不同的方式进行抗锯齿。
因此,有些东西在Chrome中看起来不错,而不是FireFox,反之亦然。
有几种尝试解决问题的方法。在这种非常具体的情况下,您可以在两个三角形之间画一条黑线。
编辑:对于半alpha形状,您将不得不更改绘制线的globalCompositeOperation。这是一个示例:jsfiddle.net/rqd8f
模糊算法会有所帮助,但是画布上的每像素操作很慢。
如果使用的是剪切区域,请展开它们。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。