【问题标题】:PHP Image(png) positioning and rotate [duplicate]PHP图像(png)定位和旋转[重复]
【发布时间】:2018-06-24 06:08:59
【问题描述】:

我有一张图片 (arrow.png),我想从左/右/上等位置定位它,我如何通过一个值从 0-360 的变量来旋转图像?

我的 PHP 代码

 <?php $degrees = 270;

    echo "<img src='arrow.png'>", "<div id='windfr'>";
    $rotate = imagerotate($degrees, 0); ?>

我的 CSS:

<style>
  .windfr {
    z-index: 8;
    display: block;
    position:relative;
    left: 425px;
    top: 670px;
  }
</style>

【问题讨论】:

  • 如果您真的想使用 PHP GD2 来操作图像,您的&lt;img&gt; 必须调用将生成此图像的 PHP 脚本。但是请记住,图像处理是 CPU 密集型的,这不是您希望在 Web 服务器中执行的操作。
  • @Havenard - 当然你想在服务器上进行图像处理,但不是在每个请求上。结果应该保存在某处
  • @Philipp 好吧,我的意思是,除非绝对必要。可以使用 CSS 或 SVG 实现简单的旋转,实际上可以使用 SVG 进行很多编辑。尽可能将图像处理留给客户端。理想情况下,服务器应该只处理信任敏感操作以优化其有限的资源和响应能力。

标签: php css


【解决方案1】:

您只能使用 CSS 来做到这一点:

img{
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari 3-8 */
    transform: rotate(20deg);
}

显然,您可以根据需要更改旋转的程度。

更多信息在这里:https://www.w3schools.com/cssref/css3_pr_transform.asp

祝你好运!

【讨论】:

    【解决方案2】:
    <?php
    $degrees = 270;
    
    echo "<img src='Asset 1.png' style='transform: rotate(".$degrees."deg);'>", "<div id='windfr'>";
    
    ?>
    

    【讨论】:

    • 谢谢,旋转工作正常,但我的定位代码不可用。也许你知道什么是错的?
    • 你可以使用transform-origincss属性定位example@Bence
    • 是的,我试过了,效果很好!谢谢你:)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-10-18
    • 1970-01-01
    • 2011-09-08
    • 2012-05-05
    • 2019-04-20
    • 1970-01-01
    • 2017-02-10
    相关资源
    最近更新 更多