Wxml:
这是一段无边距文字
这是一段margin文字
这是一段padding文字
这是一段居中有背景文字
这是一段背景文字
Canvas:
Wxml:
Canvas:
Wxml:
这是一段行内文字
这是一段加粗行内文字试试
这是一段换行文字
这是一段很长很长很长很长很长很长很长很长很长很长很长很长的换行文字
这是一段换行文字
这是一段换了行的结束文字
这是一段行内文字这是一段行内文字
Canvas:
Wxml:
这是一段无边距文字
这是一段margin文字
Canvas:
Wxml:
Wxml2Cavnas库,是一个生成小程序分享图的通用方案,提供了两种绘制方式:
封装基础图形的绘制接口,包括矩形、圆形、线条、图片、圆角图片、纯文本等,使用时只需要声明元素类型并提供关键数据即可,不需要再关注canvas的具体绘制过程;
wxml直接转换成canvas元素,使用时传入待绘制的wxml节点的class类名,并且声明绘制此节点的类型(图片、文字等),会自动读取此节点的computedStyle,利用这些数据完成元素的绘制。
Canvas:
Wxml:
Canvas:
Result: