t***@tongcl.com
t***@tongcl.com
  • 发布:2024-07-03 10:53
  • 更新:2024-07-03 12:11
  • 阅读:135

【报Bug】Canvas画不出线条

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 4.15

浏览器平台: Chrome

浏览器版本: 版本 126.0.6478.127(正式版本) (64 位)

项目创建方式: HBuilderX

示例代码:

<canvas style="width: 300px; height: 300rpx; background-color: antiquewhite;" class="margin-top-30"
canvas-id="myCanvas" id="myCanvas">
</canvas>
const ctx = uni.createCanvasContext('myCanvas')
console.log(ctx, 'ctxctxctx')
ctx.beginPath()
ctx.moveTo(10, 10)
ctx.lineTo(100, 50)
ctx.lineTo(10, 90)
ctx.stroke()

            ctx.beginPath()  
            ctx.setLineJoin('bevel')  
            ctx.setLineWidth(10)  
            ctx.moveTo(50, 10)  
            ctx.lineTo(140, 50)  
            ctx.lineTo(50, 90)  
            ctx.stroke()  

            ctx.beginPath()  
            ctx.setLineJoin('round')  
            ctx.setLineWidth(10)  
            ctx.moveTo(90, 10)  
            ctx.lineTo(180, 50)  
            ctx.lineTo(90, 90)  
            ctx.stroke()  

            ctx.beginPath()  
            ctx.setLineJoin('miter')  
            ctx.setLineWidth(10)  
            ctx.moveTo(130, 10)  
            ctx.lineTo(220, 50)  
            ctx.lineTo(130, 90)  
            ctx.stroke()  

            ctx.draw()

操作步骤:

按官方文档实例画不出线条

预期结果:

按官方文档实例画不出线条

实际结果:

按官方文档实例画不出线条

bug描述:

按官方文档实例画不出线条

2024-07-03 10:53 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

你给出的代码是可以画出的

要回复问题请先登录注册