順時針和逆時針方向旋轉圖像

Question

我已經使用http://raphaeljs.com/image-rotation.html raphel的腳本，但。怎樣才能保存這個旋轉的圖像。

Answer 1

這是一個SVG，本質上不是一個圖像。

您必須通過AJAX將生成的SVG保存到您的服務器上，並使用外部SVG渲染庫進行渲染。

你可以試試librsvg2-bin，因爲我聽說它有效。

Answer 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