海报生成,随心所欲绘制样式,原生canvas方法的二次封装,自定义函数,持续更新 - 更新日志

1.3.1(2021-09-10)

修复 scale属性导致drawText().then返回的draw_width位置不精确;

1.3.0(2021-07-01)

新增 设置画布宽度setCanvasWidth()和高度setCanvasHeight()

1.2.9(2021-07-01)

新增 drawRect函数新增设置边框大小(border_width)和颜色(border_color)并支持同时使用border_radius

1.2.8(2021-06-22)

修复 drawImage函数url属性不支持gif格式的base64图片

1.2.7(2021-04-03)

修复 drawImage函数设置border_radius属性后,有0.5误差产生的白边
修复 drawImage函数border_radius圆角图不生效

1.2.6(2021-03-30)

修复 drawSpecialText函数绘制多样性文字出现文字位置错乱或不显示,已废弃旧版使用方式,最新使用方式请查看api;
新增 新增案例模板,码云地址 r-canvas-example

1.2.5(2021-03-09)

修复 drawImage函数绘制圆角有黑边问题

1.2.4(2021-02-04)

修复 clearCanvas函数无法清空画布

1.2.3(2021-01-28)

修复 文本设置文字大小,文字过大行高无法自适应; 修复 文本设置最大宽度无法适配机型;

1.2.2(2021-01-27)

修复 小程序真机调试下不显示base64图片 tips:建议使用网络路径,因为微信小程序真机不支持base64绘制,目前内置解决的方式是将图片写入本地后再绘制

1.2.1(2021-01-26)

修复 drawImage绘制图片使用border-radius字段后,无法显示后面绘制的图片。

1.2.0(2021-01-26)

修复 去掉第三方插件

1.1.9(2021-01-26)

优化 app真机调试drawImage绘制本地图片耗时很长,安卓较为明显可能会出现白屏问题,例子:图片绘制需要20秒优化至3秒左右;

1.1.8(2021-01-22)

修复 小程序下使用base64图片绘制海报报错

1.1.7(2021-01-19)

新增 drawImage函数增加border_radius,图片圆角范围0-20之间,废弃is_radius字段,不建议使用,保留is_radius功能,

1.1.6(2021-01-18)

修复 init函数设置画布宽高出现宽高不一致的问题

1.1.5(2021-01-15)

新增 drawText函数.then回调返回文字绘制的整体宽度、整体高度、横坐标和纵坐标字段,具体查看api用法

1.1.4(2021-01-09)

修复drawText函数设置line_clamp后,line_clamp_hint内容宽度超出max_width指定最大宽度

1.1.3(2021-01-09)

1、根据用户需求,仅在微信开发者工具下,iphone5生成的图片保存后模糊,由于调试后复现问题,生成图片是默认根据设备屏幕尺寸而定的,屏幕像素决定图片像素,故,加急在init函数更新scale(缩放倍数)字段,数值越大图片越大像素越清晰内存也随之增大;
2、同时在init方法新增了global_alpha字段,设置生成图片的整体透明度,值在0-1之间的小数;
3、新增clearCanvas函数,清空画布所有绘制的内容;

1.1.2(2021-01-05)

修复开启is_line_break后,空格也会自动换行的问题

1.1.1(2021-01-04)

开放saveImage函数,支持保存图片到本地,同时新增兼容H5平台下载图片;

1.1.0(2021-01-03)

1、drawText函数新增is_line_break(是否开启换行符自动换行)字段

1.0.9(2021-01-02)

drawImage函数去掉画圆轨迹

1.0.8(2021-01-02)

1、drawImage函数新增is_radius(是否开启圆角)字段

1.0.7(2020-12-30)

1、修复一些屏幕比较小的机型绘制出来会出现宽度不适配的情况;

1.0.6(2020-12-28)

1、drawText函数新增line_clamp(支持最大行数)字段和line_clamp_hint(超过line_clamp指定的行数则显示自定义尾部标识,默认值省略号 ... )字段,如需使用line_clamp字段请先设置max_width字段,详情请查看r-canvas api说明文档;

2、修复小程序不支持多个r-canvas实例绘制的问题,目前已经支持;

hint: 微信小程序控制台报错Property or method "toJSON" is not defined on the instance but referenced during render的问题,官方回复与HBuilderX版本无关,新版的微信开发工具有此 Bug,可以先下载回 1.03.2006090版本的微信开发者工具;

1.0.5(2020-12-27)

1.修复微信小程序在真机调试下drawImage函数无法绘制base64图片的问题

1.0.4(2020-12-25)

1、drawText函数:去掉line_through(是否开启中划线)字段,已修改成中划线可控,新增line_through_height(中划线高度)字段、line_through_color(中划线颜色)字段、line_through_cap(线末端类型)字段。另外还对drawText函数提供font_style(规定字体样式)字段、font_variant(规定字体变体)字段、font_weight(规定字体粗细)字段。

1.0.3(2020-12-25)

1.修复小程序无法绘制的问题; 2.drawImage(绘制图片)新增border_width(边大小)和border_clor(边颜色); 3.新增绘制drawRect函数(正方形函数); hint:有bug未能及时修复还请见谅,目前小程序已可以正常使用,如有问题请添加底部联系方式免费解决;

1.0.2(2020-12-23)

修复宽度不适配问题;

1.0.1(2020-12-04)

不模糊!不模糊!不模糊! 基于原生canvas绘制海报,内置canvas原生函数的二次封装,目前作者(Rohlin)只测试了h5、ios、android、微信小程序。 canvas原生应适用于多端,其它端还请开发者们自行测试,其他端可以使用还请留言反馈,内置函数有限,基本可以绘制普通海报。 需要更新更多函数还请留言反馈。