EaselJS、Canvas、位图图像低质量和注册点无法工作

Question

我刚开始在一个项目中使用EaselJS，但是在Bitmap Class方面遇到了一些困难..我的做法是将一张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时，图像完全不可见，只有一堆大块/像素。

希望有人能在这里帮助我，

先谢谢了。

- Tim Baas

Answer 1

糊涂了，我的画布被缩放了，即使图像没有缩放，质量也很低。

宽度和高度属性定义了画布的分辨率。

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

如果每个人都有质量问题，可以对画布进行超采样：

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

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

Source: http://blog.headspin.com/?p=464

- Tim Baas