如何在PHP中隨機旋轉圖像？

我是新來的編碼，所以我很抱歉，如果這是一個愚蠢的問題。我試過尋找答案，但無法弄清楚。我正在嘗試將圖像移動到隨機位置並在頁面上旋轉隨機數度。我有位置工作，但旋轉不起作用：如何在PHP中隨機旋轉圖像？

<?php 
    $Racism_image= 'img1.png'; 
    $Racism_top= rand(0, 700); 
    $Racism_left= rand(0,1500); 
    $Racism_rot= rand(0,360); 
    ?> 
    <div class= 'racism'> 
    <img src= "<?php echo $Racism_image?>" 
    style="width:<?php echo $Racism_width;?>px; 
    padding-top:<?php echo $Racism_top;?>px; 
    padding-left:<?php echo $Racism_left;?>px;" 
    transform= "rotate (<?php echo $Racism_rot;?>deg);" 
    /> 
    </div>

任何人都可以指向正確的方向嗎？非常感激！

來源

2015-12-09 Rachel Lynne

關注http://php.net/manual/en/function.imagerotate.php – roottraveller

感謝您的回覆！我在研究時確實找到了這種資源，但我並不真正瞭解如何實施它。它應該與我所擁有的相關？如果我也將圖像置於隨機位置，它會起作用嗎？ –

從上面的代碼中，您可以將'transform'放置在'style'屬性之外。 'transform'是一個css屬性，而不是'img'標籤屬性;它應該在'style'屬性中。 – cwps

使用PHP rand()

transform= "rotate (<?php echo rand(min,max); ?> deg);"// or simply rand()

來源

2015-12-09 03:52:55 momouu

你使用什麼瀏覽器？ – momouu

你有你的代碼的幾個額外"報價和transform後=，當它應該是一個冒號:。試試這個

<div class= 'racism'> 
<img src= "<?php echo $Racism_image?>" 
style="width:<?php echo $Racism_width;?>px; 
padding-top:<?php echo $Racism_top;?>px; 
padding-left:<?php echo $Racism_left;?>px; 
transform: rotate (<?php echo $Racism_rot;?>deg);" 
/> 
</div>

來源

2015-12-09 04:24:19 BareNakedCoder

我終究搞清楚了。我不得不做一個類「旋轉」，並將其應用於圖像，然後我做到了這一點：

 <style> 
     .rotate{ 
     transform: rotate(<?php echo rand(0,360);?>deg); 
     } 
    </style>

這對我有效。感謝所有人的幫助！

來源

2015-12-09 15:56:35

如何在PHP中隨機旋轉圖像？

回答

相關問題