3***@qq.com
3***@qq.com
  • 发布:2019-03-19 14:07
  • 更新:2021-07-06 18:01
  • 阅读:3605

【报Bug】uni-app,H5端 canvas部分属性无效或报错

分类:uni-app

详细问题描述

在H5端 使用canvas绘图时遇到问题:font属性无效、moveTo方法报错

重现步骤

let ctx = uni.createCanvasContext('myCanvas');
// font属性不生效
ctx.font="20px Arial";
ctx.fillText("正常",10,20);
ctx.font="italic 20px Arial";
ctx.fillText("斜体",10,50);
ctx.font="bold 20px Arial";
ctx.fillText("粗体",10,80);

// 以下部分在H5端报错 (moveTo方法报错)
ctx.font="20px Arial";
ctx.fillText("下划线",10,110);
ctx.moveTo(10, 110)
ctx.lineTo(70, 110)
ctx.stroke()
ctx.font="20px Arial";
ctx.fillText("贯穿线",10,140);
ctx.moveTo(10, 133)
ctx.lineTo(70, 133)
ctx.stroke()

ctx.draw()

小程序中表现


h5中表现

IDE运行环境说明

[HBuilderX]
[1.7.0]

uni-app运行环境说明

运行端是h5

联系方式

[QQ]

2019-03-19 14:07 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 1.8.0版本已正式发布,moveTo的问题已经修复
h5端已经支持新的属性

  • 3***@qq.com (作者)

    太棒了,感谢感谢

    2019-04-02 16:47

DCloud_UNI_CHB

DCloud_UNI_CHB

bug已确认,下版本修复

口区

口区 -

ctx.font app端还不能用吗Failed to set 'font' on 'CanvasContext': invalid format. __WARN

  • DCloud_UNI_GSQ

    支持,你检查格式是否有误

    2019-08-21 16:00

  • 口区

    回复 DCloud_UNI_GSQ: 字体的单位只能设置px吗,ctx.font = bold ${30*this.width/750*2}px PingFang SC Light;我这样设置就报上面的错误,rpx设置不报错但是字体大小不对。bold加粗好像没有效果

    2019-08-21 16:44

  • DCloud_UNI_GSQ

    回复 口区: 不支持rpx,格式问题试试其他端是否有问题

    2019-08-21 16:49

  • 口区

    回复 DCloud_UNI_GSQ: h5上面那样设置加粗有效果,但是字体大小不对,是30px

    2019-08-21 17:18

  • k***@126.com

    回复 口区: 请问您解决这个问题了吗?

    2020-08-07 11:27

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