采摘非gl draw

时间:2017-07-19 07:40:25

标签: javascript html5-canvas antialiasing

我为canvas2d和webgl绘图方法开发了基础结构。

我已经为webgl开发了pick方法,目标也是对canvas2d这样做。有问题与画布2d的抗锯齿。

在webgl中很简单,只需在着色器中更改颜色,删除一些alpha值并完成工作。

但是在cavnas2d我没有这种力量,并尝试了许多技术来避免这种情况,但遗憾的是没有管理。问题出现在文本的边缘。在那里,像素的值不同于拾取颜色。如果它只是alpha,那就不是问题了。但是rgb本身是不同的。

所以当alpha不是255时我忽略了像素(在小文本中没有问题,由于抗锯齿,大多数像素都是alpha。

另一个问题是,当一个文本超过另一个文本时,边缘会混合,并且没有alpha(a = 255)。

Regular zoom

red rectangle zoom

无论如何都没有找到禁用抗锯齿的功能..并尝试了一些context.globalCompositeOperation值而没有运气。

有建议的人吗?

0 个答案:

没有答案