Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 使用javascript的可旋转图像或div?_Php_Javascript_Jquery_Gd - Fatal编程技术网

Php 使用javascript的可旋转图像或div?

Php 使用javascript的可旋转图像或div?,php,javascript,jquery,gd,Php,Javascript,Jquery,Gd,我正在开发一个web应用程序,它需要允许用户拖放和旋转图像 使用jQuery UI Dragable解决拖放问题 但是我该如何旋转页面上的图像呢?我的图像大多是单色矩形。我使用divs在页面上绘制它们,但如何旋转它们 如果它们只旋转22,5-45-67,5-90度就可以了 所以我想到了3种解决方案 使用画布 问题:IE支持 使用divs 问题:它还需要画布来旋转 PHP GD 这个解决方案是唯一的希望 工作原理:应用程序将预渲染(22,5*x)原始图像的旋转版本。因此,每当用户想要旋转图像时,它

我正在开发一个web应用程序,它需要允许用户拖放和旋转图像

使用jQuery UI Dragable解决拖放问题

但是我该如何旋转页面上的图像呢?我的图像大多是单色矩形。我使用
div
s在页面上绘制它们,但如何旋转它们

如果它们只旋转22,5-45-67,5-90度就可以了

所以我想到了3种解决方案

  • 使用画布

    问题:IE支持

  • 使用
    div
    s

    问题:它还需要画布来旋转

  • PHP GD

    这个解决方案是唯一的希望

    工作原理:应用程序将预渲染(22,5*x)原始图像的旋转版本。因此,每当用户想要旋转图像时,它们都会准备就绪


  • 请帮忙。任何建议

    服务器端方法听起来有点浪费(所有版本的图像都需要下载),我敢说,您应该尝试使用Flash作为跨浏览器和客户端解决方案。

    一种可能的解决方案是使用JavaScript图形向量库,当在IE上使用时,它可以自动使用画布的替代品

    拉斐尔是一个非常好的作品,试一试:

    您可以在此处找到有关拉斐尔旋转的更多信息:


    除了调整图像大小外,不能直接使用Javascript操作图像(这是通过CSS技术实现的,而不是Javascript…)。最好的解决办法是使用;它将允许您进行ratate,但也可以拖放,并且它也是使用JQuery构建的

    当然,您可以交替使用不同的图像状态,并将它们用作旋转矩形的“精灵”,但是您将不会在那里发挥可扩展性。(GD是一个糟糕的设计,不要使用它。)

    看看:


    好吧:/我的客户对flash不满意谢谢你的建议:)拉斐尔图书馆似乎更灵活谢谢你的建议:)