daliangzao/pages/customized/made/made.js

// pages/customized/made/made.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    dataPositionObj:{
      top:'156rpx',
      left:'286rpx',
      // width:'100rpx',
    },
    propSize:{
      top:'8cm',
      right:'8cm',
      bottom: '8cm',
      left:'8cm',
    },
    obverseImg: '/images/customized/cup_black_big.png',/*正面 */
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(this.data.obverseImg,"dd")
    let canvasBg = this.data.obverseImg;
    wx.getSystemInfo({
      success: function (res) {
        let rpx = res.windowWidth / 750;
        console.log(res.windowWidth)
        const ctx = wx.createCanvasContext('madeContent');
        ctx.drawImage(canvasBg, 0, 0, 750 * rpx, 588 * rpx)
        ctx.draw()
      },
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // console.log('页面开始准备中')
    
  
    const ctx = wx.createCanvasContext('madeBox');
    // Canvas.SetLeft(ctx, '10rpx'); 
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})