手机版

applet绘图工具画师-json文件绘制、保存和共享图-点击任意元素触发功能.

时间:2021-12-07 来源:互联网 编辑:宝哥软件园 浏览:

小程序绘图工具painter-json文件绘制保存分享图-可点击任意元素触发函数 ... ..(图1)

画师是酷家乐移动前端团队打造的小程序绘图组件。

原项目地址:github.com/Kujiale-Mob…

新地址:github.com/shesw/Paint…

这个互动版本来是我自己开发的,为了满足业务的新需求,后来需求变了,就不用了。集团领导考虑各种原因(主要是项目没用,=0=~~ ~),所以让我先在自己的github上开源。这个版本的画师和原版的区别是:

增加了互动事件。画师的本质是以画布为基础的,小程序的画布有很多局限性。允许画布上元素的交互点击事件,可以实现更方便的功能,比如在画布上添加功能按钮,现在可以直接在画布上画图添加拖动元素的功能。目前这个功能还不完善,因为它的滑动动作会和小程序的全屏滑动事件发生冲突。因此,拖动功能在固定页面上运行良好,例如在拖动时将overflow:设置为隐藏。

这里将新版的Painter称为dancing-painter。引入方式请参考readme和demo。

演示:

小程序绘图工具painter-json文件绘制保存分享图-可点击任意元素触发函数 ... ..(图2)

主要功能:

指原画师的功能。这些功能仍然是这个项目的主要(实用)重要(实用)功能。

简介:

原版本使用请参考juejin.im/post/5b40b1…

简单来说,使用过程如下图所示,可以结合demo小程序绘图工具painter-json文件绘制保存分享图-可点击任意元素触发函数 ... ..(图3)查看。

第一个开源画师库开放已经有一段时间了。在此期间,感谢各位朋友的帮助和建议,Painter做了几次更新(原项目地址):

新增特性:

添加align属性,可以让任意元素左对齐、中对齐、右对齐。添加换行功能。设置文本段落的宽度或最大行数可能会触发换行。添加文字的一些属性:fontweight、textdecoration、textstylel(填充、描边)、maxlines、lineheight图片模式属性,实现图片的裁剪和缩放。默认情况下,aspectFill图片不设置宽度和高度属性,使用默认的左侧宽度和高度。右、上、下对负数

修复问题:

的支持有些型号的修边上有黑线。安卓机型上的圆角无法显示。使用文件前检查文件是否正常。二维码尺寸

交互功能:

异常显示是这个版本的特色,主要有元素的点击事件实现和拖拽功能。制作完成后,可能暂时不会在项目中使用,所以在功能上感觉像鸡肋。但这挺有趣的。

版权声明:applet绘图工具画师-json文件绘制、保存和共享图-点击任意元素触发功能.是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。