推荐一个我梦寐以求的开源库

注意:今天我分享的这个开源库,真的是非常的好,是我近半年以来非常需要的一个开源库。这个开源库是关于微信小程序的。

说实话,微信小程序开发在当下要多火就有多火,相信大家的微信群和朋友圈经常会被各种微信小程序刷屏,但是微信小程序的分享功能,分享到微信群是非常方便的,而分享到微信朋友圈可能就不是那么人性化了。所以大家使用微信小程序分享到朋友圈最常见的方式就是:分享带有小程序码的图片

今天我们分享的库就是让你非常方便的生成图片。之前没看到这个库的时候,我都是自己使用微信小程序官方提供的 Canvas 功能生成一张带有二维码的图片,微信官方提供的 Canvas 呢,虽然挺好的,但是也不是非常的好用。为了写一个生成图片的代码,经常会遇见各种坑,真的是画出一个让你满意的图片来说,需要耗费大量得精力。下图是我自己用 Canvas 自己画的:

是不是感觉还挺不错,挺漂亮的,但是要画出这么一个好看的效果,有时候需要耗费我半天的精力。当然,现在找到窍门和技巧之后,还是能够很快就能画出来的。但是一直能够期待有这么一个好用的库就好了。就在昨天,我发现了一个不错的开源库,就是针对这个功能的。

Painter

Painter 小程序生成图片库,轻松通过 json 方式绘制一张可以发到朋友圈的图片。

Painter 库的整体架构如下:

大概过程是:首先,我们定义了一套绘图 JSON 规范,开发者可以根据需求构建生成图片的 Palette(调色板),然后在程序运行过程中把调色板传入给 Painter(画家)。Painter 会调用 Pen(画笔),根据 Palette 内容绘制出对应的图片后返回。

举个简单例子:

看到了吗?就是你把要画的图片,先在 Json 文件里配置好,代码直接根据你配置的各种属性,画出图形,生成图片,非常方便,简单。具体的原理和使用方法我就不多说了,大家自己去看文档就行了。

开源库地址:https://github.com/Kujiale-Mobile/Painter

开源库作者:酷家乐 · 移动前端开发团队

如果感觉这个不错,欢迎大家分享出去,或者给我点赞哦!

技术,职场,产品,思维

行业观察

原文发布于微信公众号 - 非著名程序员(non-famous-coder)

原文发表时间:2018-07-12

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

一个独立开发者总结的App 迭代设计思路

Overcast3发布了,这是一个巨大的版本迭代,主要体现在界面的设计和流程。根据两年多的测试、使用和用户反馈,从上个夏天开始,我一直在为这个版本而努力工作。 ...

36790
来自专栏Keegan小钢

App项目实战之路(三):原型篇

本来,我是没打算写原型篇的,但考虑到关注我的人中也有部分产品狗,更重要的是,我一直认为,不懂产品设计的程序猿不是优秀的产品经理。而且,应该也有不少程序猿想往产品...

33430
来自专栏一个会写诗的程序员的博客

前端技能汇总 知识结构Frontend Knowledge StructureFE-learning

★越少越简单,越适合入门,★多的要么是难度比较高,要么是比较适合在后面看,比如讲性能之类的书.

29530
来自专栏PPV课数据科学社区

【学习】15个最棒的JavaScript图形/图表库

阅读目录 D3.js — Data-Driven Documents Google Charts ChartJS Chartist.js n3-charts E...

51940
来自专栏phodal

我的职业是前端工程师【四】:如何选择合适的前端框架,告别选择恐惧症

将 package.json 中的 Ionic 版本改为 2.0.0 的时候,我就思考一个问题。这个该死的问题是——我到底要用哪个框架继续工作下去。 刚开始学习...

20650
来自专栏互联网杂技

IOS 10锁屏界面不好用?来看这份严肃的交互分析!

iOS说:“清晰度,咱俩分手吧”。以往的iOS锁屏界面非常简单直接,但是来到今年的iOS10,情况发生非常大的变化,在开始认真严肃地为大家分析(tucao)之前...

32170
来自专栏企鹅号快讯

web前端工程师入门须知,你全部了解吗?

划重点 一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语...

397110
来自专栏华章科技

做研究必读:一分钟教你用Excel从统计局抓数据!

首先声明,我并没有学过HTML的语言,也没学过VBA,所以自己解释的逻辑应该是非常容易理解的,保证没有任何编程基础的都能学会。当然前提是你有Excel,没有的话...

12030
来自专栏進无尽的文章

如何利用动画效果来提升用户体验

动画效果会讲故事。但不是冗长和完整的故事,而是简单的故事,比如“嗨,你现在该看这里了”或者“哇,你的操作完全正确。”然而,动效的目的不是为了愉悦用户,而是为了帮...

15940
来自专栏phodal

在 2018 年初,让我们再谈谈大前端的趋势

15910

扫码关注云+社区

领取腾讯云代金券