EaselJS,Canvas,Bitmap图像质量低,注册点不起作用

Question

我刚刚开始使用EaselJS进行我正在研究的项目,我对Bitmap类有点困惑.我所做的是在画布/舞台上添加一个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时,图像根本不可见,只是一堆大块/像素..

希望有人能帮帮我,

提前致谢

Answer 1

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

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

在CSS样式的宽度和高度定义大小的画布.

对于每个人都有质量问题,你可以对画布进行过采样:

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

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