4

作業中のプロジェクトで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に拡大縮小すると、画像はまったく表示されず、大きなブロック/ピクセルの束だけが表示されます。

誰かがここで私を助けてくれることを願っています、

前もって感謝します

4

1 に答える 1

10

ばかげた間違いです。キャンバスが拡大されたため、画像が縮小されていなくても品質が低くなりました。

幅と高さの属性は、キャンバスの解像度を定義します。

css スタイルの幅と高さは、キャンバスのサイズを定義します。

品質に問題がある場合は、キャンバスをオーバーサンプリングできます。

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

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

ソース: http://blog.headspin.com/?p=464

于 2012-11-19T13:50:23.417 に答える