Html createjs位图图像旋转使图像在chrome中锯齿状

当我尝试使用createjs旋转位图图像时（不是调整大小，而是旋转），位图图像在Chrome中会出现锯齿状。在Firefox中，这很好

这是我的密码：

var backCard = new createjs.Bitmap(assetsLoader.getResult("back"));
backCard.rotation = 24;
stage.addChild(backCard);
stage.update();

---

关于如何解决这个问题有什么想法吗？

我不知道你是否想在Chrome上防止或启用抗锯齿，因为对我来说Chrome会旋转位图抗锯齿，firefox不会，所以我将讨论这两件事

启用抗锯齿

本机无法做到这一点，但如果您真的想强制执行抗锯齿，可以创建一个变通方法：向旋转图像添加非常少量的模糊过滤器。但请记住，模糊是一个非常昂贵的过滤器，您应该避免使用它，但如果您使用它，您需要在应用过滤器后缓存位图以减少CPU使用

backCard.filters = [new createjs.BlurFilter(2, 2, 1);]; // 2 is blur radius, 1 is blur quality. More quality means more expensive blur.
var bounds = backCard.getBounds();
backCard.cache(bounds.x, bounds.y, bounds.width, bounds.height);

防止抗锯齿

---

我认为目前还没有办法做到这一点，但是您可以使用，它允许您定义对象是否会因为WebGL而在舞台上进行抗锯齿。请注意，如果用户浏览器不支持WebGL，EaselJS将退回到HTML5画布，该画布仍具有抗锯齿功能。

对我来说，在Firefox上，位图会锯齿状，在chrome和safari上，位图会抗锯齿。但我更喜欢它在Firefox上的外观…谢谢，但是模糊它会使它变得非常模糊..在Safari上看起来不好的模糊过滤器（2，2，1）或者使它没有不同的模糊过滤器（1，1，1），这段代码创建了一个很好的抗锯齿：

new createjs.BlurFilter（1，1，2）

。请注意，质量设置为2，导致计算成本更高。我建议您将抗锯齿功能留给浏览器，而不是试图解决代码中没有的问题。此外，我无法在chrome上测试此功能，因为我正在使用我的项目来测试模糊，而且，我不知道为什么，过滤器根本不出现在chrome上……1,1,2在chrome上效果很好，所以我想这是问题的解决方案。谢谢