javascript - EaselJS、Canvas、位图图像质量低且注册点不起作用

Question

我刚开始在我正在处理的项目中使用 EaselJS，但我对位图类有点卡住了。我所做的是将 3000 x 4000 图像添加到画布/舞台，并让用户缩放和旋转它。我主要使用以下功能：

@width = 3000
@height = 4000
@scale = 0.2

@bitmap.setTransform( 0, 0, @scale, @scale, 200, 0, 0, @width*@scale/2, @height*@scale/2 )

除了注册点之外，这一切都有效。给函数的数字是图像宽度/高度的一半，所以应该不错。但旋转仍然不是从中心..

此外，我正在寻找一种方法来提高此位图或舞台的质量。当位图缩放到 0.2 时，图像根本不可见，只有一堆大块/像素。

希望有人可以在这里帮助我，

提前致谢

score 10 · Accepted Answer

愚蠢的错误，我的画布被放大了，所以即使图像没有被缩放，质量也很低。

width 和 height属性定义了画布分辨率。

css 样式的宽度和高度定义了画布的大小。

对于每个有质量问题的人，您可以对画布进行过采样：

<style>
  canvas {
    width:200px;
    height:100px;
  }
</style>

<canvas width='400' height='200' />

1 回答 1