const SIZE = 120 const ratio = Math.max(imgInfo.width / SIZE, imgInfo.height / SIZE, 1) const smallWidth = Math.trunc(imgInfo.width / ratio) const smallHeight = Math.trunc(imgInfo.height / ratio) // 将宽高大小设置到页面的canvas元素(checkCanvas)上 this.smallWidth = smallWidth this.smallHeight = smallHeight const ctx = wx.createCanvasContext('checkCanvas') ctx.drawImage(imgInfo.path, 0, 0, smallWidth, smallHeight) ctx.draw(false, function () { setTimeout(() => { wx.canvasToTempFilePath({ canvasId: 'checkCanvas', width: smallWidth, height: smallHeight, destWidth: smallWidth, destHeight: smallHeight, success: (res) => { resolve(res.tempFilePath) }, fail: (e) => { reject(e) } }) }, 100) })上面这段代码是在另外一个页面,怎么去调用这个代码?
时间: 2024-01-07 10:05:32 浏览: 124
要在一个页面中调用另一个页面的代码,可以通过以下步骤实现:
1. 在需要调用代码的页面中,使用`wx.navigateTo`函数跳转到目标页面,例如:
```
wx.navigateTo({
url: '/pages/target-page/target-page'
})
```
这里假设需要调用的代码位于`/pages/target-page/target-page`页面中。
2. 在目标页面的js文件中,将需要调用的代码封装成一个函数,并将该函数暴露出来,例如:
```
function drawImage(imgInfo) {
const SIZE = 120
const ratio = Math.max(imgInfo.width / SIZE, imgInfo.height / SIZE, 1)
const smallWidth = Math.trunc(imgInfo.width / ratio)
const smallHeight = Math.trunc(imgInfo.height / ratio)
const ctx = wx.createCanvasContext('checkCanvas')
ctx.drawImage(imgInfo.path, 0, 0, smallWidth, smallHeight)
ctx.draw(false, function () {
setTimeout(() => {
wx.canvasToTempFilePath({
canvasId: 'checkCanvas',
width: smallWidth,
height: smallHeight,
destWidth: smallWidth,
destHeight: smallHeight,
success: (res) => {
resolve(res.tempFilePath)
},
fail: (e) => {
reject(e)
}
})
}, 100)
})
}
module.exports = {
drawImage: drawImage
}
```
这里将需要调用的代码封装成了一个名为`drawImage`的函数,并将该函数通过`module.exports`暴露出来,以便其他页面可以调用。
3. 在需要调用代码的页面中,使用`require`函数引入目标页面的js文件,并调用该文件中的函数,例如:
```
const targetPage = require('../../pages/target-page/target-page')
const imgInfo = { path: '/path/to/image.jpg', width: 500, height: 500 } // 假设需要传递给目标函数的参数为imgInfo
targetPage.drawImage(imgInfo)
```
这里使用`require`函数引入了目标页面的js文件,并调用了该文件中的`drawImage`函数,传递了一个名为`imgInfo`的参数。
注意:在调用该函数之前,需要确保该函数已经被定义,并且需要传递正确的参数。
阅读全文