問題描述

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

問題產(chǎn)生

對于微信小程序，canvas處理過程中，dramImage默認圖片引用是有殘缺的

導入初始項目

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

目的

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

解決方案

準備工作

 Page({
 data:{
  imgSrc: '', // 需要處理圖片地址
  imgW: '', // canvas 寬度
  imgH: '', // canvas 高度
  byclear: 1 // 比例，這里將iphon6- 375像素設(shè)置為1標準，以便在自適應(yīng)上的轉(zhuǎn)換
 },
 onReady() {
 var that = this
 // 根據(jù)屏幕的寬度計算標準比例值。這里講375作為標準值
 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) {
 // 處理邏輯
 }
 })

網(wǎng)頁名稱：微信小程序canvas.drawImage完全顯示圖片問題的解決-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://chinadenli.net/article32/dhjisc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、靜態(tài)網(wǎng)站、網(wǎng)站制作、網(wǎng)站營銷、網(wǎng)站導航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)