iT邦幫忙

0

php如何放大及旋轉png圖片?和旋轉後的圖片如何定位?

  • 分享至 

  • xImage

抱歉問題有點長
最近在做響應式的網頁
裡面有個canvas
我要讓使用者在canvas裡面編輯一些物件(圖片及文字)
最後把編輯完畢的canvas存成圖片
但因為是響應式的
所以導致如果使用者是使用手機的話canvas會很小
最後存出來的圖片也很小

所以我打算在後端php的部分
利用那些物件的angle、heigh、width、left、top
來重新製作出使用者編輯完的canvas
但我現在碰到幾個問題
1.不管先放大後旋轉物件或是先旋轉後放大都會有錯,跟canvas中的物件不一樣
2.如果是完全不調整角度的圖片座標不會有問題,但如果有調整物件角度的話,依靠座標加入的圖片位置會錯,不確定是不是因為問題1影響的
3.fabric.js canvas的text 可以隨意縮放,也就是說他有字體大小但也有heigh,width,請問我該如何在php中把text加入到圖片?

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0

你這個要從前端下手。
一般來說 canvas 的元件你不該去RWD它。而是一樣給它固定的寬高。
再用CSS操作圖片的方式。去做顯示比例的處理。

至於你說後端??你是用哪一個製圖元件來處理的??
GD??

RWD部分沒辦法,這是老師要求的,為了也能在手機上操作,我裡面的物件會依照畫面等比例縮小。
對就是GD

所以你還是沒搞懂我說的東西。
不對canvas本身的長寬做變動。而去針對CSS做處理

<canvas width="1000px" hight="1000px" style="width:100px;hight:100px" />

這樣是否能看得懂意思。

我要發表回答

立即登入回答