canvas - 使用 createjs 在 Canvas 上绘图是别名

Question

我在使用 createjs 库在 html5 Canvas 上绘图时遇到问题。图纸不平滑，但有锯齿。似乎很多人只对 chrome 有这个问题，但对我来说，在 IE 和 firefox 中也没有什么不同。我还发现应该可以 use alphamaskfilter to achieve anti-aliasing但我不知道怎么办。如果那是要走的路，有人可以告诉我该怎么做吗？

这是部分代码。它使用鼠标移动并绘制一条从鼠标之前的位置到鼠标现在的位置的线:

var drawing = new createjs.Shape();
drawing.name = pathID.toString();
drawing.graphics.ss(point.width, "round").s(point.color);
drawing.graphics.mt(lastPoint.x, lastPoint.y);        
drawing.graphics.lt(point.x, point.y);

// Draw onto the canvas, and then update the container cache.
wrapper.addChild(drawing);
wrapper.updateCache("source-over");

Answer 1

我找到了解决方案。奇怪的是，如果你像这样不给 wrapper.updateCache() 参数，它会变得很顺利:

var drawing = new createjs.Shape();
drawing.name = pathID.toString();
drawing.graphics.ss(point.width, "round").s(point.color);
drawing.graphics.mt(lastPoint.x, lastPoint.y);        
drawing.graphics.lt(point.x, point.y);

// Draw onto the canvas, and then update the container cache.
wrapper.addChild(drawing);
wrapper.updateCache();