怎么利用小程序生成海報？下面本篇文章就來給大家推薦一個海報生成插件--painter，看看利用它怎么生成海報，希望對大家有所幫助！
小程序原生代碼生成海報
第一步：
下載包，并將painter包放在components目錄下
https://github.com/Kujiale-Mobile/Painter
【相關(guān)學(xué)習(xí)推薦：小程序開發(fā)教程】
第二步：
使用頁面的json文件中引入
{
"usingComponents": {
"painter":"/components/painter/painter"
}
}第三步：
使用頁面的wxml
接收海報的圖片容器
<image mode="widthFix" src="{{ posterImg }}" id="goods_qr-code" alt />
<painter wx-if="{{showPainter}}" palette="{{data}}" bind:imgOK="firstImg" />
palette 字段作為畫圖數(shù)據(jù)的數(shù)據(jù)源, 圖案數(shù)據(jù)以 json 形式存在
widthPixels 強制指定生成的圖片的像素寬度
繪圖完成后，可以通過綁定 imgOK 或 imgErr 事件來獲得成功后的圖片或失敗的原因第四步：
使用頁面的js
生成海報的方法(){
this.setData({
template: {
width: "750rpx",
height: "1500rpx",
views: [
{
type: 'image',
url: 圖片路路徑,
css: {
top: '10rpx',
left: '10rpx',
right: '10rpx',
width: '730rpx',
height: '1500rpx'
}
}
]
}
})
}
海報生成完畢自動調(diào)用
firstImg(e) {
console.log(e.detail.path);
this.setData({
posterImg: e.detail.path
})
},插件介紹及官網(wǎng)：Painter生成海報
https://codechina.csdn.net/mirrors/Kujiale-Mobile/Painter?utm_source=csdn_github_accelerator
原文地址：https://juejin.cn/post/6995356720125968398
作者：黃勇超
更多編程相關(guān)知識，請訪問：編程視頻！！
以上是聊聊怎么利用小程序生成海報（插件推薦）的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅(qū)動的應(yīng)用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
8種方法來解決在iOS 17中禁用聯(lián)系人照片和海報的問題
Sep 22, 2023 am 10:33 AM
了解設(shè)置聯(lián)系人照片和海報的正確方法聯(lián)系人照片和海報是一項新功能，可以在iOS17中為您的聯(lián)系人卡片以及保存在iPhone上的其他聯(lián)系人設(shè)置。對于不知道的人，該功能允許您使用自定義海報個性化呼叫屏幕外觀，您可以使用照片、名稱、顏色、字體、表情符號和擬我表情進行設(shè)計。創(chuàng)建后，聯(lián)系人海報可以與您保存的聯(lián)系人共享，也可以限制它們，以便只有少數(shù)選定的人可以查看它們。要了解如何創(chuàng)建自己的聯(lián)系人海報以及如何與他人共享，您可以查看以下鏈接中的指南：聯(lián)系人照片和聯(lián)系人海報已禁用：8個修復(fù)程序解釋盡管設(shè)置聯(lián)系人照片
使用Python開發(fā)微信小程序
Jun 17, 2023 pm 06:34 PM
隨著移動互聯(lián)網(wǎng)技術(shù)和智能手機的普及，微信成為了人們生活中不可或缺的一個應(yīng)用。而微信小程序則讓人們可以在不需要下載安裝應(yīng)用的情況下，直接使用小程序來解決一些簡單的需求。本文將介紹如何使用Python來開發(fā)微信小程序。一、準備工作在使用Python開發(fā)微信小程序之前，需要安裝相關(guān)的Python庫。這里推薦使用wxpy和itchat這兩個庫。wxpy是一個微信機器
6種修復(fù)方法：如何解決 iPhone 上聯(lián)系人海報無法正常顯示的問題？
Sep 17, 2023 pm 12:41 PM
1.檢查您的iPhone是否支持iOS17如果聯(lián)系人海報功能在您的iPhone上不起作用，您應(yīng)該做的第一件事就是檢查您的iPhone是否支持iOS17。此新功能僅在運行iOS17的iPhone上可用，因此請務(wù)必將手機更新到最新更新。此外，即使您的iPhone運行的是iOS17，您的聯(lián)系人也應(yīng)該安裝iOS17更新的iPhone。以下是所有支持iOS17的iPhone的列表：iPhone15，15PlusiPhone15Pro，15ProMaxiPhone14，14PlusiPhone14Pro，1
實現(xiàn)微信小程序中的卡片翻轉(zhuǎn)特效
Nov 21, 2023 am 10:55 AM
實現(xiàn)微信小程序中的卡片翻轉(zhuǎn)特效在微信小程序中，實現(xiàn)卡片翻轉(zhuǎn)特效是一種常見的動畫效果，可以提升用戶體驗和界面交互的吸引力。下面將具體介紹如何在微信小程序中實現(xiàn)卡片翻轉(zhuǎn)的特效，并提供相關(guān)代碼示例。首先，需要在小程序的頁面布局文件中定義兩個卡片元素，一個用于顯示正面內(nèi)容，一個用于顯示背面內(nèi)容，具體示例代碼如下：<!--index.wxml-->&l
如何在最新的 iOS 17 上個性化你的 iPhone 電話
Sep 21, 2023 am 08:17 AM
如何在iPhone上個性化電話Apple的iOS17引入了一項名為“聯(lián)系人海報”的新功能，可讓您在iPhone上個性化呼叫屏幕的外觀。此功能允許您使用所選的照片、顏色、字體和擬我表情作為聯(lián)系人卡片設(shè)計海報。因此，當(dāng)您進行通話時，您的自定義圖像將完全按照您的設(shè)想顯示在收件人的iPhone上。您可以選擇與所有保存的聯(lián)系人共享您唯一的聯(lián)系人海報，也可以選擇可以看到它的人。同樣，在通話交流期間，您還將看到其他人的聯(lián)系人海報。此外，Apple允許您為單個聯(lián)系人設(shè)置特定的聯(lián)系人照片，使來自這些聯(lián)系人的呼叫與
如何在iPhone上保護聯(lián)系人照片和海報的隱私
Sep 18, 2023 am 10:49 AM
誰可以在iPhone上查看您的聯(lián)系人照片和海報？Apple提供了一些選項，用于個性化您在致電或發(fā)消息時在某人的iPhone上的顯示方式。這些選項包括擬我表情、簡單文本或帶有效果的自定照片作為您的聯(lián)系人照片和顯示圖像。您可以隨時自由更改這些選擇，并在聯(lián)系人卡片上在不同配置文件之間轉(zhuǎn)換。此外，Apple還使您能夠控制誰可以在iOS17上查看和訪問您選擇的照片或顯示圖像。您可以決定與保存在聯(lián)系人列表中的個人共享這些內(nèi)容，也可以將iPhone設(shè)置為每次與聯(lián)系人交互時提示您。如果您愿意，還可以永久禁用名稱
支付寶上線'漢字拾光-生僻字”小程序，用于征集、補充生僻字庫
Oct 31, 2023 pm 09:25 PM
本站10月31日消息，今年5月27日，螞蟻集團宣布啟動“漢字拾光計劃”，最近又迎來新進展：支付寶上線“漢字拾光-生僻字”小程序，用于向社會征集生僻字，補充生僻字庫，同時提供不同的生僻字輸入體驗，以幫助完善支付寶內(nèi)的生僻字輸入方法。目前，用戶搜索“漢字拾光”、“生僻字”等關(guān)鍵詞就可以進入“生僻字”小程序。在小程序里，用戶可以提交尚未被系統(tǒng)識別錄入的生僻字圖片，支付寶工程師在確認后，將會對字庫進行補錄入。本站注意到，用戶還可以在小程序體驗最新的拆字輸入法，這一輸入法針對讀音不明確的生僻字設(shè)計。用戶拆
小程序能用react嗎
Dec 29, 2022 am 11:06 AM
小程序能用react，其使用方法：1、基于“react-reconciler”實現(xiàn)一個渲染器，生成一個DSL；2、創(chuàng)建一個小程序組件，去解析和渲染DSL；3、安裝npm，并執(zhí)行開發(fā)者工具中的構(gòu)建npm；4、在自己的頁面中引入包，再利用api即可完成開發(fā)。
