【问题标题】:Php, rotate and paste thumbnails in circlePhp,旋转和粘贴缩略图
【发布时间】:2015-07-08 08:03:51
【问题描述】:

我正在尝试在服务器中创建一个图像,由分布在一个圆圈中的 12 个不同图像组成(就像时钟中的数字:对应于数字 6 的图像应该垂直翻转。每个新图像旋转 30º),但是我找不到这样做的正确方法。我曾尝试使用 CSS 并使用 html2canvas 在 base64 中创建一个新图像来进行合成客户端(旨在上传它),但它还不支持“旋转”和“翻译”属性。 到目前为止,我在服务器上所做的实验,它们产生了一堆黑色方块,其中包含旋转图像的一部分...... 图像是 PNG,它们没有 alpha。 对此有何建议?

【问题讨论】:

    标签: php gd image-rotation


    【解决方案1】:

    试试下面的代码JS Fiddle

        <img src="http://lorempixel.com/output/nature-q-c-100-100-9.jpg"/>
    img{
        border-radius:50%;    
        -webkit-transition: -webkit-transform .8s ease-in-out;
        -ms-transition: -ms-transform .8s ease-in-out;
        transition: transform .8s ease-in-out;
    
    
    }
    img:hover{
        transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
    }
    

    代码礼貌:https://stackoverflow.com/users/1811992/web-tiki

    【讨论】:

    • 对不起,我对自己的解释很糟糕。我不想使图像变圆,我想将 12 个图像分布在一个圆圈中,每个图像都像时钟中的数字一样。这只能通过使用 GD 库在 PHP 中实现,但我不知道该怎么做。我试图用 CSS 来做,然后用 html2canvas 对其进行转换,并将其作为 base64 图像发送到服务器,但 html2canvas 不支持旋转和翻译。
    • 最终的目标是在服务器中有一个由12个小图像组成的图像,分布在一个圆圈中......
    猜你喜欢
    • 2011-06-25
    • 2016-12-23
    • 1970-01-01
    • 1970-01-01
    • 2014-12-18
    • 2021-11-14
    • 1970-01-01
    • 1970-01-01
    • 2011-05-12
    相关资源
    最近更新 更多