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

Question

我刚开始将 EaselJS 用于我正在处理的项目，但我有点受困于位图类。我所做的是将 3000 x 4000 图像添加到 Canvas /舞台，让用户缩放和旋转它。我主要使用以下功能:

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

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

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

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

希望有人能帮帮我，

提前致谢

Answer 1

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

宽度和高度属性定义 Canvas 分辨率。

css 样式 宽度和高度定义 Canvas 的大小。

对于质量有问题的每个人，您可以对 Canvas 进行过度采样:

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

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

来源: http://blog.headspin.com/?p=464