• swan.canvasPutImageData
  • 方法參數(shù)
    • object 參數(shù)說明
  • 示例
    • 圖片示例
    • 代碼示例
  • 錯誤碼
    • Android
    • iOS

swan.canvasPutImageData

解釋：將像素數(shù)據(jù)繪制到畫布的方法。在自定義組件下，第二個參數(shù)傳入自定義組件實例 this ，以操作組件內(nèi) 組件。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比蒙山網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式蒙山網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋蒙山地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

Web 態(tài)說明：由于 Web 態(tài)遵循瀏覽器對 W3C 標準的實現(xiàn)程度，在 W3C 規(guī)范中， putImageData 方法的入?yún)⒅械?width 、 height 、 data 需要遵循 data.length === 4 * width * height的關(guān)系，否則會進入 fail 回調(diào)。但是在百度 APP 內(nèi)的小程序環(huán)境下，客戶端不會校驗 data 的大小。為了避免 Web 態(tài)運行異常，請盡量保證入?yún)⒎蠘藴省?/p>

（如果您是如代碼示例所示的用法，通過 canvasGetImageData 獲取 data 并傳入 putImageData ，則只需要保證 width 和 height 與 canvasGetImageData 中的 width 和 height 一致即可。）

方法參數(shù)

Object object

object 參數(shù)說明

屬性名	類型	必填	默認值	說明	Web 態(tài)說明
canvasId	String	是		畫布標識，傳入 組件的 canvas-id 屬性
x	Number	是		將要被提取的圖像數(shù)據(jù)矩形區(qū)域的左上角橫坐標
y	Number	是		將要被提取的圖像數(shù)據(jù)矩形區(qū)域的左上角縱坐標
width	Number	是		將要被提取的圖像數(shù)據(jù)矩形區(qū)域的寬度
height	Number	是		將要被提取的圖像數(shù)據(jù)矩形區(qū)域的高度
data	Uint8ClampedArray	是		圖像像素點數(shù)據(jù)，一維數(shù)組，每四項表示一個像素點的 rgba	數(shù)組長度必須為 4 width height
success	Function	否		接口調(diào)用成功的回調(diào)函數(shù)
fail	Function	否		接口調(diào)用失敗的回調(diào)函數(shù)
complete	Function	否		接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）

示例

跳轉(zhuǎn)編輯工具

在開發(fā)者工具中打開

在 WEB IDE 中打開

掃碼體驗

代碼示例

請使用百度APP掃碼

圖片示例

代碼示例

• SWAN
• JS
• CSS

 
 
 

  
  
  

  
  
  
 
  
  
  
 
  
  
  
 canvasPutImageData
  
  
  

 
 
 

錯誤碼

Android

錯誤碼	說明
201	解析失敗，請檢查調(diào)起協(xié)議是否合法
1001	執(zhí)行失敗

iOS

錯誤碼	說明
202	解析失敗，請檢查參數(shù)是否正確

網(wǎng)頁名稱：創(chuàng)新互聯(lián)百度小程序教程：swan.canvasPutImageData
轉(zhuǎn)載源于：http://www.dlmjj.cn/article/dpseeio.html