問(wèn)題描述

創(chuàng)新互聯(lián)建站是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作與策劃設(shè)計(jì),廣昌網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)建站做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:廣昌等地區(qū)。廣昌做網(wǎng)站價(jià)格咨詢:028-86922220

問(wèn)題產(chǎn)生

對(duì)于微信小程序，canvas處理過(guò)程中，dramImage默認(rèn)圖片引用是有殘缺的

導(dǎo)入初始項(xiàng)目

打開鏈接（原官網(wǎng)例子），瀏覽器喚醒微信開發(fā)這工具，打開連接之前需要下載好微信開發(fā)者工具，如已安裝則直接喚起，沒有則會(huì)提示下載

目的

通過(guò)對(duì)canvas繪圖過(guò)程的修改，或者其樣式的修改，達(dá)到完全顯示，并自適應(yīng)不同機(jī)型的目的

解決方案

準(zhǔn)備工作

 Page({
 data:{
  imgSrc: '', // 需要處理圖片地址
  imgW: '', // canvas 寬度
  imgH: '', // canvas 高度
  byclear: 1 // 比例，這里將iphon6- 375像素設(shè)置為1標(biāo)準(zhǔn)，以便在自適應(yīng)上的轉(zhuǎn)換
 },
 onReady() {
 var that = this
 // 根據(jù)屏幕的寬度計(jì)算標(biāo)準(zhǔn)比例值。這里講375作為標(biāo)準(zhǔn)值
 wx.getSystemInfo({
  success: function(res) {
  let byclear = res.screenWidth / 375
  that.setData({
   byclear
  })
  },
 })
 },
 openAndDraw() { // 選擇圖片
 var that = this
 wx.chooseImage({
  success: (res) => {
  that.setData({
   imgSrc: res.tempFilePaths[0],
   res
  })
  }
 })
 },
 checkwh(e) {
 // 處理邏輯
 }
 })

當(dāng)前題目：微信小程序canvas.drawImage完全顯示圖片問(wèn)題的解決-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://weahome.cn/article/dhjisc.html