为什么我的线条在html5画布中的颜色会逐渐改变？
提问于 2013-05-21 01:57:15
我想知道为什么垂直线(笔画)改变颜色的速度变慢了，几乎就像它们是在渐变到最后一样。
下面是我的意思的一个例子，这是使用HTML5 Canvas
谢谢你的帮忙
艾登
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-05-21 03:15:04
代码的问题在于，每次向路径中添加一行时都会进行笔划。
你的线条有点细。然而，低于1的值是有效的-这将激活子像素(就像非整数坐标一样)。
淡入淡出是前几条线一条接一条地绘制的结果。由于它们是亚像素的，它将产生“褪色”效果，因为较旧的线条比较新的线条具有更多的“混合”信息，这使得它们在外观上“更强”。
尝试此修改：(http://jsfiddle.net/YyhxV/2/)
//...
context.lineWidth= 0.2; //0.1 is a bit too thin, try cranking it up a bit
//...
for(var interval = 0; interval < 24; interval++)
{
context.moveTo(interval*spacing+0.5,50);
context.lineTo(interval*spacing+0.5,42);
}
//move stroke outside
context.stroke();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16660999
复制相关文章
点击加载更多
腾讯云开发者
