【报Bug】CanvasContext.drawImage在ios手机下拍照图片无法绘制

分类：uni-app

bug反馈 canvas

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11专业版

HBuilderX类型：正式

HBuilderX版本号： 3.98

手机系统： iOS

手机系统版本号： iOS 15

手机厂商：苹果

手机机型： iphone7 plus

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

uni.getImageInfo({
src: imgUrl,
success: res => {
let canvas = null
if(!canvas) {
canvas = uni.createCanvasContext(canvasId, slef)
}
canvas.drawImage(res.path, 0, 0, w, h)
canvas.draw(true,function(result){
})

}
})

操作步骤：

特定机型下必现

预期结果：

正常图片绘制

实际结果：

无法绘制手机相机拍摄的图片

bug描述：

其他机型可用，仅iphone7 plus测试出现通过拍照获取的文件路径无法CanvasContext.drawImage绘制，绘制后成现为默认背景色白色，从相册中选择的文件为正常。

通过相机拍摄得到的文件路径示例：file:///var/mobile/Containers/Data/Application/7BC144C7-DA9E-4C0E-8E32-AEC01870264D/Documents/Pandora/apps/89E26DC75D9413E3EA8DDD84CB5BBD00/doc/uniapp_temp_1702376164416/camera/photo_001.jpg

从相册中选择路径示例：file:///var/mobile/Containers/Data/Application/7BC144C7-DA9E-4C0E-8E32-AEC01870264D/Documents/Pandora/apps/89E26DC75D9413E3EA8DDD84CB5BBD00/doc/uniapp_temp_1702376164416/gallery/1702359311-compressed-IMG_0002.WEBP

2023-12-12 18:21 负责人:无分享

1 个回复

1***@163.com

请问解决了吗？

要回复问题请先登录或注册

【报Bug】CanvasContext.drawImage在ios手机下拍照图片无法绘制

示例代码：

uni.getImageInfo({
src: imgUrl,
success: res => {
let canvas = null
if(!canvas) {
canvas = uni.createCanvasContext(canvasId, slef)
}
canvas.drawImage(res.path, 0, 0, w, h)
canvas.draw(true,function(result){
})

}
})

操作步骤：

特定机型下必现

预期结果：

正常图片绘制

实际结果：

无法绘制手机相机拍摄的图片

bug描述：

1 个回复

公告

相关问题

【报Bug】CanvasContext.drawImage在ios手机下拍照图片无法绘制

示例代码： uni.getImageInfo({ src: imgUrl, success: res => { let canvas = null if(!canvas) { canvas = uni.createCanvasContext(canvasId, slef) } canvas.drawImage(res.path, 0, 0, w, h) canvas.draw(true,function(result){ }) } })

操作步骤： 特定机型下必现

预期结果： 正常图片绘制

实际结果： 无法绘制手机相机拍摄的图片

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

示例代码：

uni.getImageInfo({
src: imgUrl,
success: res => {
let canvas = null
if(!canvas) {
canvas = uni.createCanvasContext(canvasId, slef)
}
canvas.drawImage(res.path, 0, 0, w, h)
canvas.draw(true,function(result){
})

}
})

操作步骤：

特定机型下必现

预期结果：

正常图片绘制

实际结果：

无法绘制手机相机拍摄的图片