今天就跟大家聊聊有關(guān)如何利用小程序生成海報,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
成都創(chuàng)新互聯(lián)公司一直通過網(wǎng)站建設(shè)和網(wǎng)站營銷幫助企業(yè)獲得更多客戶資源。 以"深度挖掘,量身打造,注重實效"的一站式服務(wù),以做網(wǎng)站、網(wǎng)站設(shè)計、移動互聯(lián)產(chǎn)品、全網(wǎng)營銷推廣服務(wù)為核心業(yè)務(wù)。10多年網(wǎng)站制作的經(jīng)驗,使用新網(wǎng)站建設(shè)技術(shù),全新開發(fā)出的標(biāo)準(zhǔn)網(wǎng)站,不但價格便宜而且實用、靈活,特別適合中小公司網(wǎng)站制作。網(wǎng)站管理系統(tǒng)簡單易用,維護(hù)方便,您可以完全操作網(wǎng)站資料,是中小公司快速網(wǎng)站建設(shè)的選擇。
第一步:
下載包,并將painter包放在components目錄下
https://github.com/Kujiale-Mobile/Painter
【相關(guān)學(xué)習(xí)推薦:小程序開發(fā)教程】
第二步:
使用頁面的json文件中引入
{ "usingComponents": { "painter":"/components/painter/painter" } }
第三步:
使用頁面的wxml
接收海報的圖片容器palette 字段作為畫圖數(shù)據(jù)的數(shù)據(jù)源, 圖案數(shù)據(jù)以 json 形式存在 widthPixels 強(qiáng)制指定生成的圖片的像素寬度 繪圖完成后,可以通過綁定 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
看完上述內(nèi)容,你們對如何利用小程序生成海報有進(jìn)一步的了解嗎?如果還想了解更多知識或者相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。