天天看點

推薦一個我夢寐以求的開源庫

推薦一個我夢寐以求的開源庫

注意:今天我分享的這個開源庫,真的是非常的好,是我近半年以來非常需要的一個開源庫。這個開源庫是關于微信小程式的。

說實話,微信小程式開發在當下要多火就有多火,相信大家的微信群和朋友圈經常會被各種微信小程式刷屏,但是微信小程式的分享功能,分享到微信群是非常友善的,而分享到微信朋友圈可能就不是那麼人性化了。是以大家使用微信小程式分享到朋友圈最常見的方式就是:分享帶有小程式碼的圖檔。

今天我們分享的庫就是讓你非常友善的生成圖檔。之前沒看到這個庫的時候,我都是自己使用微信小程式官方提供的 Canvas 功能生成一張帶有二維碼的圖檔,微信官方提供的 Canvas 呢,雖然挺好的,但是也不是非常的好用。為了寫一個生成圖檔的代碼,經常會遇見各種坑,真的是畫出一個讓你滿意的圖檔來說,需要耗費大量得精力。下圖是我自己用 Canvas 自己畫的:

推薦一個我夢寐以求的開源庫

是不是感覺還挺不錯,挺漂亮的,但是要畫出這麼一個好看的效果,有時候需要耗費我半天的精力。當然,現在找到竅門和技巧之後,還是能夠很快就能畫出來的。但是一直能夠期待有這麼一個好用的庫就好了。就在昨天,我發現了一個不錯的開源庫,就是針對這個功能的。

Painter

Painter 小程式生成圖檔庫,輕松通過 json 方式繪制一張可以發到朋友圈的圖檔。

Painter 庫的整體架構如下:

推薦一個我夢寐以求的開源庫

大概過程是:首先,我們定義了一套繪圖 JSON 規範,開發者可以根據需求建構生成圖檔的 Palette(調色闆),然後在程式運作過程中把調色闆傳入給 Painter(畫家)。Painter 會調用 Pen(畫筆),根據 Palette 内容繪制出對應的圖檔後傳回。

舉個簡單例子:

推薦一個我夢寐以求的開源庫

看到了嗎?就是你把要畫的圖檔,先在 Json 檔案裡配置好,代碼直接根據你配置的各種屬性,畫出圖形,生成圖檔,非常友善,簡單。具體的原理和使用方法我就不多說了,大家自己去看文檔就行了。

開源庫位址:https://github.com/Kujiale-Mobile/Painter

開源庫作者:酷家樂 · 移動前端開發團隊

如果感覺這個不錯,歡迎大家分享出去,或者給我點贊哦!

技術,職場,産品,思維

行業觀察