http://raphaeljs.com/image-rotation.html raphel のスクリプトを使用しましたが。この回転した画像を保存するにはどうすればよいですか。
2 に答える
前述のように、これは 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
これは SVG であり、実際には画像そのものではありません。
生成された SVG を AJAX 経由でサーバーに保存し、外部の SVG レンダリング ライブラリでレンダリングする必要があります。
librsvg2-bin
うまくいくと聞いたので、試してみてください。