摘要:個人博客本文原地址最近的項目中,需要用到畫圖和圖片拼接效果,這里是一些開發過程里用到的一些點還有就是一些踩過的坑。通過生成圖片格式,為前端所使用。需要注意的是前端得到的額數據里包含有回車字符,需要特殊處理才可以正確顯示圖片。
個人博客 https://duanruilong.github.io/blog/本文原地址https://duanruilong.github.io/blog/2018/09/05/%E5%9C%A8PHP%E9%87%8C%E5%BE%88%E5%A5%BD%E7%9A%84%E4%BD%BF%E7%94%A8ImageMagick/
最近的PHP項目中,需要用到畫圖和圖片拼接效果,這里是一些開發過程里用到的一些點還有就是一些踩過的坑。通過ImageMagick生成base64圖片格式,為前端所使用。
一些需要的知識點PHP將圖片轉base64編碼以及base64圖片轉換為圖片并保存代碼 圖片轉base64編碼
/*圖片轉換為 base64格式編碼*/ $img = "uploads/about.png"; $base64_img = base64EncodeImage($img); echo ""; function base64EncodeImage ($image_file) { $base64_image = ""; $image_info = getimagesize($image_file); $image_data = fread(fopen($image_file, "r"), filesize($image_file)); $base64_image = "data:" . $image_info["mime"] . ";base64," . chunk_split(base64_encode($image_data)); return $base64_image; }base64圖片轉換為圖片并保存
/* base64格式編碼轉換為圖片并保存對應文件夾 */ function base64_image_content($base64_image_content,$path){ //匹配出圖片的格式 if (preg_match("/^(data:s*image/(w+);base64,)/", $base64_image_content, $result)){ $type = $result[2]; $new_file = $path."/".date("Ymd",time())."/"; if(!file_exists($new_file)){ //檢查是否有該文件夾,如果沒有就創建,并給予最高權限 mkdir($new_file, 0700); } $new_file = $new_file.time().".{$type}"; if (file_put_contents($new_file, base64_decode(str_replace($result[1], "", $base64_image_content)))){ return "/".$new_file; }else{ return false; } }else{ return false; } } echo base64_image_content($base64_img,"uploads/");base64
Base64是一種用64個字符來表示任意二進制數據的方法。
Base64的原理很簡單,首先,準備一個包含64個字符的數組:
["A", "B", "C", ... "a", "b", "c", ... "0", "1", ... "+", "/"]
然后,對二進制數據進行處理,每3個字節一組,一共是3x8=24bit,劃為4組,每組正好6個bit
如果要編碼的二進制數據不是3的倍數,最后會剩下1個或2個字節怎么辦?Base64用x00字節在末尾補足后,再在編碼的末尾加上1個或2個=號,表示補了多少字節,解碼的時候,會自動去掉。
使用jpg圖片體積要比png小
使用PHP的Imagick類進行圖像的操作
// 初始化一個畫板 $img =new Imagick(); $img->newImage(750,1046,"white","jpg") ;(2).在底圖上添加需求圖片
前提是我們已經知道了需要合并的圖片鏈接地址
$item_img="https://img.alicdn.com/bao/uploaded/i1/1750208593/TB1rgM3hhtnkeRjSZSgXXXAuXXa_!!0-item_pic.jpg" 第一步:實例化圖片 $imgtwo = new Imagick($item_img); 第二步:設置添加圖片的大小 $imgtwo->resizeImage(750,764,Imagick::FILTER_LANCZOS,1); 關于resizeImage參數說明 bool Imagick::resizeImage ( int $columns , int $rows , int $filter , float $blur [, bool $bestfit = false ] ) 參數: ● columns 圖片的寬度 ● rows 圖片高度 ● filter 過濾器,用于過濾圖片,有高斯filte根據情況而定 ● blur blur=1 為虛化, blur =-1 為銳化 第三步:與底圖合并 $img->compositeImage($imgtwo,$imgtwo->getImageCompose(),0,0); 使用compositeImage(); bool Imagick::compositeImage ( Imagick $composite_object , int $composite , int $x , int $y [, int $channel = Imagick::CHANNEL_ALL ] ) 參數: ● composite_object :用于合并的圖片的Imagick對象 ● composite:合并操作,定義操作常量。 具體請查看 合并操作常量列表 ● x:相對圖像頂點左上位置(0,0)的橫坐標 ● y:相對圖像頂點左上位置(0,0)的縱坐標 ● channel:通過傳入一個通道常量,來開啟通道模式。為了支持多個通道,可以通過二進制運算的操作來合并多個通道常量。 到這里就可以得到一個合并的圖片了 1、加一個header信息,可以直接在網頁上查看圖片 header("Content-Type: img/png"); echo $img; 2、可以把圖片在指定目錄中生成,在指定目錄下生成為img.png $file="./img.png"; $img->writeImage($file); 我這里是這樣處理: header ( "Content-type: " . strtolower ($img->getImageFormat ()) ); $type = strtolower($img->getImageFormat()); $dest_img="/data/tmp/" . md5(microtime(true)).".".$type; //要生成的圖片的路徑,隨機生成圖片名稱(3).圖片上拼接文字
寫入文字以添加店鋪文字為例,逐步完成文字的寫入。
$shop_title="測試店鋪"; // 添加店鋪文字 $drawQr = new ImagickDraw(); // 實例化ImagickDraw $drawQr -> setFillColor(new ImagickPixel("#999999")); // 顏色 $drawQr -> setFontSize("24"); // 大小 $drawQr -> setFont("../../conf/Microsoftyahei.ttf"); // 字體 $drawQr -> setTextAlignment(Imagick::ALIGN_LEFT); // 字體方向 // ps: Imagick::ALIGN_RIGHT 朝右邊 Imagick::ALIGN_LEFT 左邊 Imagick::ALIGN_CENTER 中間 $drawQr -> setTextEncoding("utf-8"); // 字體編碼 $drawQr -> annotation(114,990,$shop_title); // 畫出文字 $img -> drawImage($drawQr); // 畫在地板上
詳細解讀:
1、實例化ImagickDraw類:
$drawQr = new ImagickDraw();
2、設置字體顏色
$drawQr -> setFillColor(new ImagickPixel("#999999"));
3、設置字體大小
$drawQr -> setFontSize("24");
4、設置字體格式
$drawQr -> setFont("../../conf/Microsoftyahei.ttf");
5、設置字體方向
$draw->setTextAlignment(Imagick::ALIGN_RIGHT);
ps: Imagick::ALIGN_RIGHT 朝右邊 Imagick::ALIGN_LEFT 左邊 Imagick::ALIGN_CENTER 中間
6、設置字體編碼
$drawQr -> setTextEncoding("utf-8");
7、畫出文字
$drawQr -> annotation(114,990,$shop_title);
8、在底圖上寫入字體
$img -> drawImage($drawQr);
寫入文字這個地方的一些坑:
沒有設置字體格式時,中文字會解析錯誤
(英文沒有問題)
(漢字解析失敗)
(設置字體格式正常顯示)
(4).圖片base64導出最終得到的圖片我們組要以base64的格式傳遞給前端,進行以下操作,把我們最后拼接的到的圖片base64轉換輸出。
$dest_img="/data/tmp/" . md5(microtime(true)).".".$type; //要生成的圖片的路徑 $Return = array(); // *圖片轉換為 base64格式編碼* $base64_image = ""; $image_info = getimagesize($dest_img); $image_data = fread(fopen($dest_img, "r"), filesize($dest_img)); $base64_image = "data:" . $image_info["mime"] . ";base64," . chunk_split(base64_encode($image_data)); $Return["data"]=$base64_image; return $Return;
$base64_image就是base64格式的圖片。
需要注意的是前端得到的額base64數據里包含有" "回車字符,需要特殊處理才可以正確顯示圖片。
(最后得到的合并圖片)
(調整拼接圖片大小得到不同的圖片)
最后來一組單打詹!!!
覺得喜歡歡迎關注,start
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/30869.html
摘要:個人博客本文原地址最近的項目中,需要用到畫圖和圖片拼接效果,這里是一些開發過程里用到的一些點還有就是一些踩過的坑。通過生成圖片格式,為前端所使用。需要注意的是前端得到的額數據里包含有回車字符,需要特殊處理才可以正確顯示圖片。 個人博客 https://duanruilong.github.io/blog/本文原地址https://duanruilong.github.io/blog/2...
摘要:指定字體和顏色創建一個底圖創建一個白色的底圖,我們可以在上面繪制文字創建一個底圖并且加上一些文字要生成的圖片的路徑可以在服務器端看到這里需要注意一下文字的繪制命令順序,否則會出現沒有生效的問題。 [原文鏈接]https://duanruilong.github.io...://duanruilong.github.io/blog/2018/09/18/%E5%9C%A8PHP%E9%8...
摘要:指定字體和顏色創建一個底圖創建一個白色的底圖,我們可以在上面繪制文字創建一個底圖并且加上一些文字要生成的圖片的路徑可以在服務器端看到這里需要注意一下文字的繪制命令順序,否則會出現沒有生效的問題。 [原文鏈接]https://duanruilong.github.io...://duanruilong.github.io/blog/2018/09/18/%E5%9C%A8PHP%E9%8...
摘要:安裝環境說明操作系統安裝路徑開始編譯開始編譯配置支持擴展修改以下內容增加擴展到重新啟動開始編譯配置支持擴展修改以下內容增加擴展到重新啟動測試勞動結果查看模塊是 安裝環境說明: 操作系統:Centos 6.5 -64bit 安裝路徑:/usr/local/redis 開始編譯 ImageMagick tar -zxvf ImageMagick-6.8.9-10.tar.gz cd Ima...
閱讀 3433·2023-04-25 18:14
閱讀 1526·2021-11-24 09:38
閱讀 3244·2021-09-22 14:59
閱讀 3060·2021-08-09 13:43
閱讀 2562·2019-08-30 15:54
閱讀 562·2019-08-30 13:06
閱讀 1540·2019-08-30 12:52
閱讀 2719·2019-08-30 11:13