非常感谢你！
topShow: true这样设置安卓测试时从可视窗口的百分之八十截屏，已经基本解决了这个问题，有没有参数从底部开始截屏呢？
或者你能否简单讲一下小程序wxml按按钮转化为图片保存的大概思路，我也可以提前研究下，后面看你github会更容易懂一些
我一般都是跟设计沟通过的，告诉他分享时候截屏原则，他在设计的时候，一般不会出现对应的问题
其实 上面那个我也没在线上时候，
我的想法是 ， 既然是截取最下面那部分，
那在截取之前，把上面那部分 wx:if 调，或者 style="{{ topShow ? ‘’ : ‘height: 0;’}}"
可能出现问题所在，在于 setData（{}）是异步，return 的navtive 比他快
不好意思，给你回答了一个未经过认真验证的答案，（我在自己手机上试了一遍OK就。。）
wx.createSelectorQuery().selectAll(’.canvas-draw’)
// 画图
function imageDraw(nodeInfo) {
ctx.drawImage(nodeInfo.dataset.content, nodeInfo.left, nodeInfo.top, nodeInfo.width, nodeInfo.height)
drawedCount++
console.log(‘image’, nodeInfo.left, nodeInfo.top, nodeInfo.width, nodeInfo.height)
if (drawedCount === nodeLength) {
setTimeout(() => {
console.log(‘截止’)
doneAll()
},0)
}
}
// 划线
function lineDraw(nodeInfo) {
ctx.rect(nodeInfo.left, nodeInfo.top, nodeInfo.width, 1)
ctx.setFillStyle(nodeInfo.dataset.color)
ctx.fill()
console.log(‘line’, nodeInfo.left, nodeInfo.top, nodeInfo.width, 1)
drawedCount++
if (drawedCount === nodeLength) {
setTimeout(() => {
console.log(‘截止’)
doneAll()
}, 0)
}
}
// 写字
function fontDraw(nodeInfo) {
let fontSize = Math.floor(Number(nodeInfo.dataset.size) * scaleVal)
let fontColor = nodeInfo.dataset.color || ‘#475669’
ctx.setFontSize(fontSize)
ctx.setFillStyle(fontColor)
ctx.setTextAlign(‘center’)
ctx.setTextBaseline(‘top’)
// 处理换行 依据是高度大于两倍字体
let lineCount = Math.floor(nodeInfo.height / fontSize)
if (lineCount === 1) {
ctx.fillText(nodeInfo.dataset.content, that.data.contentWidth / 2, nodeInfo.top)
// 如果要加粗
if (nodeInfo.dataset.weight) {
ctx.fillText(nodeInfo.dataset.content, that.data.contentWidth / 2 + .2, nodeInfo.top + .2)
ctx.fillText(nodeInfo.dataset.content, that.data.contentWidth / 2 - .2, nodeInfo.top - .2)
}
} else {
let contentWord = nodeInfo.dataset.content
let lineNum = Math.floor(contentWord.length / lineCount)
for (let i = 0; i < lineCount; i++) {
let tempWord = i === lineCount - 1 ? contentWord.substr(i * lineNum) : contentWord.substr(i * lineNum, lineNum)
let tempTop = nodeInfo.top + ((fontSize + 5) * i)
ctx.fillText(tempWord, that.data.contentWidth / 2, tempTop)
// 如果要加粗
if (nodeInfo.dataset.weight) {
ctx.fillText(tempWord, that.data.contentWidth / 2 + .2, tempTop + .2)
ctx.fillText(tempWord, that.data.contentWidth / 2 - .2, tempTop - .2)
}
}
}
console.log(‘font’, nodeInfo.top)
drawedCount++
if (drawedCount === nodeLength) {
setTimeout(() => {
console.log(‘截止’)
doneAll()
}, 0)
}
}
谢谢你。
画图的我参照你的代码研究一下。
上面那个转发截屏的代码好像不是很正确，
let that = this;
that.setData({
topShow: false
})
return
complete() {
that.setData({
topShow: true
})
}
好像这样不生效还是原来那样子，安卓是从当前可视窗口80%截屏，iOS是内容最上面80%截屏。
强力驱动