• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

小程序,Canvas,文本换行

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

texts: [
            {
                x: 50,
                y: 660,
                baseLine: \'middle\',
                text: \'\',       //标题
                width: 500,
                lineNum:2,
                fontWeight:\'bold\',
                fontSize: 32,
                color: \'#333333\'
            }
      ]

texts字段

字段名 类型 必填 描述
x Number(单位:rpx) 坐标
y Number(单位:rpx) 坐标
text String|Object 当Object类型时,参数为text字段的参数,marginLeft、marginRight这两个字段可用(示例请看下文)
fontSize Number(单位:rpx) 文字大小
color String 颜色
opacity Int 1为不透明,0为透明
lineHeight Number(单位:rpx) 行高
lineNum Int 根据宽度换行,最多的行数
width Number(单位:rpx) 没有指定为画布宽度
marginLeft Number(单位:rpx) 当text字段为Object可以使用,用来控制多行文字间距
marginRight Number(单位:rpx) 当text字段为Object可以使用,用来控制多行文字间距
textDecoration String 目前只支持 line-through(贯穿线),默认为none
baseLine String top| middle|bottom基线对齐方式
textAlign String left|center|right对齐方式
zIndex Int 层级,越大越高
fontFamily String 小程序默认字体为\'sans-serif\', 请输入小程序支持的字体,例如:\'STSong\'
fontWeight String \'bold\'加粗字体,目前小程序不支持 100 - 900 加粗
fontStyle String \'italic\'倾斜字体

官方地址:
https://gitee.com/acrazydr/wxa-plugin-canvas


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序map组件z-index的层级问题发布时间:2022-07-18
下一篇:
微信小程序动画效果集合发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap