亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Laravel 生成小程序圖文海報(bào)最佳方案之一

piglei / 1059人閱讀

摘要：微信小程序官方并未提供分享到朋友圈的方法，所以目前基本整個(gè)行業(yè)都是使用生成圖文海報(bào)發(fā)到朋友圈，然后識別太陽碼進(jìn)入到小程序。背景圖片和微信頭像合成后清晰度不夠。

微信小程序官方并未提供分享到朋友圈的方法，所以目前基本整個(gè)行業(yè)都是使用生成圖文海報(bào)發(fā)到朋友圈，然后識別太陽碼進(jìn)入到小程序。

通過谷歌或者百度有很多同學(xué)已經(jīng)提供了一些解決方案，但是在我們使用后效果并不是很理想，主要體現(xiàn)在以下方面：

通過PHP寫入的字體效果并不理想。

背景圖片和微信頭像合成后清晰度不夠。

無法實(shí)現(xiàn)一些復(fù)雜的效果。

實(shí)現(xiàn)過程也較復(fù)雜。

最終我們找了一種認(rèn)為非常合理的實(shí)現(xiàn)方式，就是基于 PhantomJS 實(shí)現(xiàn)，通過 PhantomJS 隱形瀏覽器截圖的功能來生成海報(bào)。

PhantomJS是一個(gè)基于webkit的JavaScript API。它使用QtWebKit作為它核心瀏覽器的功能，使用webkit來編譯解釋執(zhí)行JavaScript代碼。任何你可以在基于webkit瀏覽器做的事情，它都能做到。它不僅是個(gè)隱形的瀏覽器，提供了諸如CSS選擇器、支持Web標(biāo)準(zhǔn)、DOM操作、JSON、HTML5、Canvas、SVG等，同時(shí)也提供了處理文件I/O的操作，從而使你可以向操作系統(tǒng)讀寫文件等。PhantomJS的用處可謂非常廣泛，諸如網(wǎng)絡(luò)監(jiān)測、網(wǎng)頁截屏、無需瀏覽器的 Web 測試、頁面訪問自動(dòng)化等。

有以下優(yōu)點(diǎn)：

基于html可實(shí)現(xiàn)復(fù)雜的文字，圖片，陰影效果。

清晰度和文件大小合理

使用簡單、即插即用

包地址：laravel-miniprogram-poster 求 star : )

體驗(yàn)

掃碼進(jìn)入商品詳情頁分享生成圖文體驗(yàn)

安裝 
composer require ibrand/laravel-miniprogram-poster

低于 Laravel5.5 版本，config/app.php 文件中 "providers" 添加iBrandPosterPhantoMmagickServiceProvider::class

圖片保存在 storage/app/public 下所以需要執(zhí)行 php artisan storage:link

如需自定義配置請執(zhí)行 php artisan vendor:publish --provider="iBrandPosterPhantoMmagickServiceProvider" --tag="config"

配置項(xiàng) 
    return [
        //圖片存儲位置
        "disks"      => [
            "MiniProgramShare" => [
                "driver"     => "local",
                "root"       => storage_path("app/public/share"),
                "url"        => env("APP_URL") . "/storage/share",
                "visibility" => "public",
            ],
        ],
        //圖片寬度
        "width"      => "575px",
        //放大倍數(shù)
        "zoomfactor" => 1.5,
        //0-100,100質(zhì)量最高
        "quality"    => 100,
        //是否壓縮圖片
        "compress"   => true,
    ];
使用 
use iBrandMiniprogramPosterMiniProgramShareImg;
    
$url = "https://www.ibrand.cc/";
$result = MiniProgramShareImg::generateShareImage($url);

返回結(jié)果：

    [
        "url"  => "http://xxx.png",   圖片訪問url
        "path" => "path/to/image", 圖片文件路徑
    ]
字體安裝

如果需要實(shí)現(xiàn)復(fù)雜的字體效果，需要安裝字體，比如在 centos 上就沒有微軟雅黑的字體，所以如果生成的圖片有指定的特殊字體，需要在服務(wù)器上進(jìn)行安裝。

window 將下載的字體文件復(fù)制到C:WindowsFonts目錄下或者雙擊字體文件進(jìn)行安裝

mac 下載的字體文件 雙擊字體文件進(jìn)行安裝

centos

# 安裝微軟雅黑
wget -P /tmp/ https://iyoyo.oss-cn-hangzhou.aliyuncs.com/mirror/fonts/msyh.ttf
wget -P /tmp/ https://iyoyo.oss-cn-hangzhou.aliyuncs.com/mirror/fonts/msyhbd.ttf
wget -P /tmp/ https://iyoyo.oss-cn-hangzhou.aliyuncs.com/mirror/fonts/msyhl.ttf
cd /usr/share/fonts/lyx/
mkdir chinese
cd chinese
mv /tmp/msyhbd.ttf ./
chmod 755 *.ttf
yum -y install mkfontscale
mkfontscale
mkfontdir
fc-cache -fv
Resource

項(xiàng)目基于PhantomMagick

討論交流

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/29537.html

相關(guān)文章

  • 微信小程序 海報(bào)生成踩坑記

    摘要：最近有個(gè)需求是要生成分享海報(bào)，讓用戶可以將圖片保存到本地然后分享到朋友圈。本來以為是一個(gè)很簡單的需求，可是萬萬沒想到，微信會這么坑。 最近有個(gè)需求是要生成分享海報(bào)，讓用戶可以將圖片保存到本地然后分享到朋友圈。本來以為是一個(gè)很簡單的需求，可是萬萬沒想到，微信會這么坑。剛開始的思路是這樣的： 后臺根據(jù)小程序傳過來的參數(shù)獲取對應(yīng)的小程序碼，然后與背景圖合成之后將base64格式的圖片傳給小程...

    lidashuang 評論0 收藏0

  • [拆彈時(shí)刻]小程序canvas生成海報(bào)（二）---優(yōu)化方案

    摘要：注意如果用戶一開始沒有微信授權(quán)，生成海報(bào)時(shí)又必須要用戶頭像不能使用默認(rèn)的話，那就只能老老實(shí)實(shí)走之前的流程了。組件名稱終端類型微信版本觸發(fā)方法關(guān)于的調(diào)用方法相冊權(quán)限需要你提供保存相冊權(quán)限獲取相冊權(quán)限成功，給出再次點(diǎn)擊圖片保存到相冊的提示。 showImg(https://segmentfault.com/img/bVbs5V8?w=343&h=517);海報(bào)生成示例 海報(bào)生成速度緩慢...

    LittleLiByte 評論0 收藏0

  • 用小程序·云開發(fā)打造功能全面的博客小程序丨實(shí)戰(zhàn)

    摘要：用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn)，具體包括評論點(diǎn)贊收藏和海報(bào)功能，這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一些坑?？紤]到小程序本身的大小限制，使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn)，具體包括評論、點(diǎn)贊、收藏和海報(bào)功能，這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一...

    cc17 評論0 收藏0

  • 用小程序·云開發(fā)打造功能全面的博客小程序丨實(shí)戰(zhàn)

    摘要：用小程序云開發(fā)將博客小程序常用功能一網(wǎng)打盡本文介紹博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn)，具體包括評論點(diǎn)贊收藏和海報(bào)功能，這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一些坑。考慮到小程序本身的大小限制，使用的方式是最佳的。 用小程序·云開發(fā)將博客小程序常用功能一網(wǎng)打盡 本文介紹mini博客小程序的詳情頁的功能按鈕如何實(shí)現(xiàn)，具體包括評論、點(diǎn)贊、收藏和海報(bào)功能，這里記錄下整個(gè)實(shí)現(xiàn)過程和實(shí)際編碼中的一...

    flybywind 評論0 收藏0

  • Canvas繪圖在微信小程序中的應(yīng)用:生成個(gè)性化海報(bào)

    摘要：解析進(jìn)到首頁其實(shí)關(guān)鍵字在本地就隨機(jī)取完了，在首頁中的方法中就通過緩存了要畫的元素，比如關(guān)鍵字這里是圖片關(guān)鍵字解析語也是圖片畢竟微信小程序的不支持字體等等。 一、Canvas應(yīng)用的背景(個(gè)人理解)及基礎(chǔ)語法 背景 從2012年開始，微信那個(gè)時(shí)候用戶的積累的量已經(jīng)非常大了，推出公眾號，當(dāng)然大屏智能手機(jī)在那個(gè)時(shí)候也流行，傳統(tǒng)的大眾媒體逐步消亡，像微信公眾號這樣的新媒體盛行。企業(yè)的廣告投入開始...

    vpants 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<