1

canvas と kineticjs を使用して画像エディターを作成しています。プロセスの最後に、キャンバス全体を画像にエクスポートします。

私の問題は、エディター ウィンドウを縮小したい、つまり 500x500 のキャンバスを使用して 1000x1000 の画像をエクスポートしたいということです。

これまでに行ったことは、すべてのキャンバス要素を縮尺係数で縮小し、エクスポート時にステージ サイズを必要なサイズに設定することです。問題は、これにより画像サイズが拡大されますが、キャンバス内の要素は拡大されないことです。

表示されているキャンバスを縮小し、フルサイズの画像をエクスポートする方法に関する他のアイデアはありますか?

4

1 に答える 1

1

@EliteOctagonの助けを借りて遊んだ後、私の解決策は次のとおりです。

  1. 倍率で変数を設定する
  2. 元のサイズで保存
  3. スケール(内部要素用)と縮小された高さ/幅(キャンバス自体用)の両方でステージを作成します
  4. 画像を保存するとき、一時的に高さ/幅をオリジナルに設定し、倍率を 1 に設定します
于 2013-02-14T16:03:14.620 に答える