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

Question

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

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

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();