1

Raphael を使用して、SVG でいくつかの操作を行っています。SVG を画像として保存するために、Canvg を使用して SVG をキャンバスにレンダリングします。しかし、キャンバスにレンダリングされた SVG 内の画像の変換は正しくありません。Canvg は html5 のネイティブの transform() メソッドを使用して、Canvg の 571 行目の以下のコードを使用して変換を適用します。

ctx.transform(this.m[0], this.m[1], this.m[2], this.m[3], this.m[4], this.m[5]);

ただし、これにより、画像の原点を中心に回転やスケーリングなどの変換が行われます。しかし、Raphael では、変換は画像の中心に適用されます。

すべてが画像の中心付近で起こるように変換を適用することは可能ですか?

4

1 に答える 1

0

画像の中心点を指定して、画像の中心で変換を行う独自の関数を作成できます。

物事をその中心で変形させることに関する理論は次のとおりです。

  1. <-X,-Y,-Z>(X,Y,Z) は画像の中心です。
  2. やりたい変身をする
  3. で画像を翻訳し<X,Y,Z>ます。(今は元の位置に戻しています)
于 2014-05-29T17:25:55.380 に答える