c***@126.com
c***@126.com
  • 发布:2021-03-23 12:04
  • 更新:2021-03-25 11:12
  • 阅读:858

#插件讨论# 【 canvas-poster-sprite - 466102061@qq.com 】小程序端文字设置粗细问题

分类:uni-app

请问在小程序端怎么设置字体粗细

使用在text的font使用String设置属性开发者工具预览是字体的效果生效了,但是设置的对齐方式align属性失效,真机预览文字绘制失败

2021-03-23 12:04 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com

问题描述:看问题描述,应该是想设置文字的字体大小,与对齐方式

字体大小:在讨论怎么实现之前,我们先看小程序官方关于字体设置的API:https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.setFontSize.html
可以看出,小程序官方字体大小的设置为Nunber类型,不是String(web端才是String),因此,canvas-poster-sprite插件在设计文本大小(即font字段),推荐是:小程序(官方)类型是Number,web是String,具体可查看相关文本API:https://github.com/466102061/canvas-poster-sprite/blob/main/doc/draw-text.md

对齐方式:
查看canvas-poster-sprite绘制文本的API可以知道,需要传递w属性(即文本的宽度,并以这个宽度为对齐方式)

关于字体变粗的问题:
1.由于web端标准类型是String类型,则可以直接支持并实现,如:"bold 28px Arial"

  1. 由于小程序官方类型是Number类型,故只能设置大小,不能设置其他(比如:字体、粗细等),小程序文本粗细,社区有个方案:在同一位置一定的偏移量,重复绘制文本,具体参考:https://developers.weixin.qq.com/community/develop/doc/4f490068137ae709611d1093382d943a
c***@126.com

c***@126.com (作者)

感谢解答

该问题目前已经被锁定, 无法添加新回复