|
河南省智慧云碼廣告?zhèn)髅接邢薰?/strong>
| 聯(lián)系人：飛先生
先生 (策劃經(jīng)理) |
| 電 話：037766080955 |
手 機(jī)：15083352255  |
 |
|
 |
|
| 南陽(yáng)圖片轉(zhuǎn)二維碼制作,視頻生成二維碼,互聯(lián)網(wǎng)二維碼生成器, |
根據(jù)返回?cái)?shù)據(jù)動(dòng)態(tài)生成分享是很常見(jiàn)的場(chǎng)景。比如在起點(diǎn)讀書(shū)小程序中，每本書(shū)都需要生成一個(gè)動(dòng)態(tài)，包含：書(shū)名、作者、類別和當(dāng)前頁(yè)面小程序二維碼，這幾個(gè)內(nèi)容都是會(huì)動(dòng)態(tài)改變的。
那如何抽象化&高性能的實(shí)現(xiàn)這一類需求呢？方案對(duì)比，目前業(yè)界已經(jīng)有很多實(shí)現(xiàn)動(dòng)態(tài)的方案，主要分為兩種：客戶端實(shí)現(xiàn)和服務(wù)端實(shí)現(xiàn)，下面根據(jù)我們的調(diào)研和實(shí)踐經(jīng)驗(yàn)，分別介紹下這兩種實(shí)現(xiàn)方式和它們的優(yōu)缺點(diǎn)。
客戶端實(shí)現(xiàn)-html2canvas，實(shí)現(xiàn)過(guò)生成動(dòng)態(tài)功能的同學(xué)肯定對(duì) html2canvas 不會(huì)陌生，一個(gè)函數(shù)就能將 html 繪制到 canvas 中去，再通過(guò)canvas 的 toDataUrl 方法就能獲取到信息了。整體流程大致是這樣，但只要用過(guò) html2canvas 的人肯定知道，這個(gè)過(guò)程并沒(méi)有這么絲滑。正如它的 readme 里說(shuō)的那樣，它并不一定能百分之100 html 元素在網(wǎng)頁(yè)中的樣子。表現(xiàn)出來(lái)的問(wèn)題有很多， 兼容性，在不同端上的表現(xiàn)不一致、一些屬性不支持。
服務(wù)端實(shí)現(xiàn)：Puppeteer，既然 html2canvas 有這么多坑，那我們能不能放棄在 Canvas 中做渲染這個(gè)方案，而是直接把 html 在網(wǎng)頁(yè)中顯示出來(lái)，然后直接截個(gè)圖就好了。Puppeteer 就可以幫我們實(shí)現(xiàn)。Puppeteer 其實(shí)就是一個(gè)可以被代碼操控的 Chrome 瀏覽器，你可以通過(guò) Puppeteer 的 api 來(lái)打開(kāi)一個(gè) Chrome 的 Tab，渲染 Html，再截個(gè)圖。這樣我們就統(tǒng)一了的生成環(huán)境，解決了兼容性問(wèn)題。
總結(jié)與展望，目前 Golang + Nodejs 方案，針對(duì)不那么復(fù)雜的動(dòng)態(tài)，提高了生成需求的效率，節(jié)省開(kāi)發(fā)時(shí)長(zhǎng)，性能上也得到了保障。 |
 |
| |
| 河南省智慧云碼廣告?zhèn)髅接邢薰?/font> |
|
| 電 話： |
037766080955 |
| 傳 真： |
|
| 移動(dòng)電話： |
15083352255 |
| 公司地址： |
中國(guó)河南南陽(yáng)市高新區(qū)張衡街道兩相路萬(wàn)世華庭1號(hào)樓019號(hào) |
| 郵 編： |
|
| 公司主頁(yè)： |
http://zhym001.qy6.com.cn( 加入收藏) |
|
|
|
 |
|
| 其它產(chǎn)品信息 |
- ·南陽(yáng)二維碼點(diǎn)餐,二維碼定制,溯源二維碼
- ·南陽(yáng)條形碼標(biāo)志,二維碼掃描,二維碼防偽
- ·南陽(yáng)二維碼溯源系統(tǒng)制作,二維碼防偽,一
- ·南陽(yáng)制作企業(yè)二維碼,包裝碼制作,公司二
- ·南陽(yáng)二維碼防偽,二維碼溯源,二維碼標(biāo)簽
- ·南陽(yáng)溯源碼制作,制作二維碼防偽,設(shè)計(jì)二
- ·南陽(yáng)一物一碼二維碼系統(tǒng)制作,二維碼防
- ·南陽(yáng)建筑二維碼制作,商場(chǎng)二維碼制作,設(shè)
- ·南陽(yáng)圖片轉(zhuǎn)二維碼制作,視頻生成二維碼
- ·南陽(yáng)制作二維碼標(biāo)簽,設(shè)計(jì)二維碼,制作商
- ·南陽(yáng)農(nóng)產(chǎn)品二維碼制作,系統(tǒng)二維碼制作
- ·南陽(yáng)二維碼門(mén)牌制作,電子二維碼制作,制
- ·南陽(yáng)制作二維碼,免費(fèi)二維碼生成器,二維
- ·南陽(yáng)條形碼制作,二維碼掃描,二維碼電子
- ·南陽(yáng)二維碼制作,制作二維碼電子名片,制
- ·南陽(yáng)制作二維碼,二維碼標(biāo)簽,掃描二維碼
- ·南陽(yáng)設(shè)計(jì)二維碼,制作二維碼電子名片,二
- ·南陽(yáng)包裝碼制作,產(chǎn)品二維碼防偽溯源,一
- ·南陽(yáng)商品二維碼,二維碼打印,二維碼掃描
- ·南陽(yáng)二維碼制作,二維碼設(shè)計(jì),二維碼打印
- ·南陽(yáng)制作公司二維碼,企業(yè)二維碼,商品二
- ·南陽(yáng)二維碼建筑制作,企業(yè)二維碼制作,二
- ·南陽(yáng)制作包裝碼,系統(tǒng)二維碼制作,設(shè)計(jì)二
- ·南陽(yáng)企業(yè)二維碼制作,二維碼名片,二維碼
- ·南陽(yáng)制作二維碼防偽標(biāo)簽,制作二維碼溯
- ·南陽(yáng)二維碼標(biāo)簽,二維碼說(shuō)明書(shū),二維碼電
- ·南陽(yáng)制作商品條碼,條形碼設(shè)計(jì),包裝二維
- ·南陽(yáng)二維碼建筑,二維碼掃描,二維碼說(shuō)明
- ·南陽(yáng)設(shè)計(jì)條形碼,商品條形碼制作,批量生
- ·南陽(yáng)條形碼設(shè)計(jì),條形碼掃描,條形碼批量
- ·南陽(yáng)二維碼電子名片,小區(qū)二維碼,商城二
|
|
|
|
免責(zé)聲明：以上所展示的信息由會(huì)員自行提供，內(nèi)容的真實(shí)性、準(zhǔn)確性和合法性由發(fā)布會(huì)員負(fù)責(zé)，www.qy6.com對(duì)此不承擔(dān)任何責(zé)任。如有侵犯您的權(quán)益，請(qǐng)來(lái)信通知?jiǎng)h除。