0

http://raphaeljs.com/image-rotation.html raphel のスクリプトを使用しましたが。この回転した画像を保存するにはどうすればよいですか。

4

2 に答える 2

0

前述のように、これは SVG 要素であり、回転ボタンをクリックするとソース画像を使用して角度を変更します。回転した画像を調べると、次のような SVG 要素が表示されます。

<image x="160" y="120" width="320" height="240" preserveAspectRatio="none" href="http://raphaeljs.com/bd.jpg" transform="rotate(-90, 320, 240)"/>

関数tranformを含む属性があることに気付くでしょう。rotate(angle, x, y)その角度値を取得する方法を見つけることができれば、それを使用して画像ソースを操作し、imagerotate関数を使用して PHP を使用して新しい画像を生成できます。

これを行うことで、transform属性値を取得しました:

document.getElementById('holder').getElementsByTagName('image')[0].getAttribute('transform')

これは戻ります"rotate(-90, 320, 240)"

もちろん、これはハックです;p

于 2011-04-28T06:52:49.817 に答える
0

これは SVG であり、実際には画像そのものではありません。

生成された SVG を AJAX 経由でサーバーに保存し、外部の SVG レンダリング ライブラリでレンダリングする必要があります。

librsvg2-binうまくいくと聞いたので、試してみてください。

于 2011-04-28T04:19:44.933 に答える