顺时针和逆时针方向旋转图像

顺时针和逆时针方向旋转图像

问题描述:

我已经使用http://raphaeljs.com/image-rotation.html raphel的脚本,但。怎样才能保存这个旋转的图像。顺时针和逆时针方向旋转图像

这是一个SVG,本质上不是一个图像。

您必须通过AJAX将生成的SVG保存到您的服务器上,并使用外部SVG渲染库进行渲染。

你可以试试librsvg2-bin,因为我听说它有效。

如前所述,它是一个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