瑶今
瑶今
  • 发布:2025-10-17 16:00
  • 更新:2025-10-17 17:32
  • 阅读:44

【报Bug】uni canvas绘制图片drawImage 设置圆角问题

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 26.0.1 (25A362)

HBuilderX类型: 正式

HBuilderX版本号: 4.76

第三方开发者工具版本号: 1.06.2504030

基础库版本号: 3.10.0

项目创建方式: HBuilderX

操作步骤:
const context = uni.createCanvasContext('myCanvas')  

uni.getImageInfo({  
    url: 'https://qiniu.zdjt.com/xxtx/crm/2024-11-21/1732176014345.png',  
    success: function (res) {  
context.save()  
context.beginPath()  
context.arc(96, 96, 48, 0, 2 * Math.PI)  
context.clip()  
context.drawImage(res.tempFilePath, 48, 48)  
        context.restore()  
        context.draw()  
    }  
})  

预期结果:

真机小程序头像圆角显示正常

实际结果:

开发工具头像圆角显示正常,发布到体验版圆角没反应

bug描述:

arc 画的圆,微信开发工具上头像圆角显示正常;小程序发布到体验版,头像圆角没反应

2025-10-17 16:00 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

试试原生微信小程序有没有这个问题

  • 瑶今 (作者)

    我整个项目用的 uni 做的,意思是还需要原生做一下,发布再验证一下这个问题?

    2025-10-17 16:11

  • DCloud_UNI_JBB

    回复 瑶今: 找到编译的产物,在开发者工具里把 uni.createCanvasContext 改成 wx.createCanvasContext 测试一下原生API是否也有这个问题

    2025-10-17 16:13

  • 瑶今 (作者)

    回复 DCloud_UNI_JBB: 收到,谢谢。

    2025-10-17 16:19

瑶今

瑶今 (作者)

原生 API 也有这个问题。。

瑶今

瑶今 (作者)

安卓小程序圆角正常

要回复问题请先登录注册