收藏
回答

ios终端createLinearGradient存在的bug

框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 createLinearGradient 客户端 iOS 6.6.3 1.9.91


你想反馈一个 Bug 还是 提一个需求?


如果是 Bug:


* Bug 表现是什么?预期表现是什么?

使用createLinearGradient绘图,保存到本地相册后,保存到相册的图片异常,看下面截图。


ios相册图片效果(异常)


安卓机相册图片效果(正常)



* 如何复现?

用ios终端微信6.6.3版本测试,

复现代码如下:

wxml:


<canvas canvas-id="myCanvas" style="border: 1px solid;width:300px;height:300px;">canvas>

<button bindtap='onSaveTap'>保存到相册button>


js:


let ctx

Page({

onLoad: function (options) {

ctx = wx.createCanvasContext('myCanvas')

},

onSaveTap(){

ctx.setFillStyle('#ff0000')

ctx.fillRect(0, 0, 300, 150)


const grd = ctx.createLinearGradient(0, 150, 0, 300)

grd.addColorStop(0, '#00ff00')

grd.addColorStop(1, '#0000ff')

ctx.setFillStyle(grd)

ctx.fillRect(0, 150, 300, 150)


draw()

.then(() => {

return canvasToUrl()

})

.then(res => {

save(res)

})

.catch(e => {

console.log(e)

wx.showToast({

title: '保存失败',

})

})


function draw() {

return new Promise((resolve, reject) => {

ctx.draw(false, function () {

resolve()

})

})

}

// canvas绘图转本地地址

function canvasToUrl() {

return new Promise((resolve, reject) => {

wx.canvasToTempFilePath({

canvasId: 'myCanvas',

success: function (res) {

resolve(res.tempFilePath)

},

fail: function (err) {

reject(err)

}

})

})

}

// 保存到相册:参数本地路径

function save(path) {

return new Promise((resolve, reject) => {

wx.saveImageToPhotosAlbum({

filePath: path,

success: function (res) {

setTimeout(function () {

wx.showToast({

title: '已保存至相册',

icon: 'success',

duration: 1000

})

resolve(res)

}, 500)


},

fail: function (err) {

reject(err)

}

})

})


}

},

})


最后一次编辑于  2018-03-02
回答关注问题邀请回答
收藏
登录 后发表内容