CanvasContext.toDataURL

簡介

CanvasContext.toDataURL 用于獲取畫布指定區(qū)域的 data URL 數(shù)據(jù)。

掃碼體驗

效果示例

示例代碼

// .js
const ctx = my.createCanvasContext('canvas')；


ctx.setFillStyle('#108ee9');
ctx.arc(50, 50, 50, 0, Math.PI * 2, true);
ctx.fill();
ctx.draw();
ctx.toDataURL({
  x: 50,
  y: 50,
  width: 50,
  height: 50,
  destWidth: 100,
  destHeight: 100,
}).then(dataURL=>{
  ctx.drawImage(dataURL, 0, 0);
  ctx.draw();
})

入?yún)?/h4>

Object 類型，屬性如下：

屬性	類型	必填	描述
x	Number	否	將要被提取的矩形區(qū)域的左上角橫坐標(biāo)。默認(rèn)值為 0。
y	Number	否	將要被提取的矩形區(qū)域的左上角縱坐標(biāo)。默認(rèn)值為 0。
width	Number	否	將要被提取的矩形區(qū)域的寬度。默認(rèn)值為被提取的矩形區(qū)域的左上角到畫布右下角的橫向距離。
height	Number	否	將要被提取的矩形區(qū)域的高度。默認(rèn)值為被提取的矩形區(qū)域的左上角到畫布右下角的縱向距離。
destWidth	Number	否	將要被提取的矩形區(qū)域提取后的寬度。默認(rèn)等于 width。
destHeight	Number	否	將要被提取的矩形區(qū)域提取后的高度。默認(rèn)等于 height。
fileType	String	否	圖片格式，可選值為 jpg 或 png。默認(rèn)為 png.
quality	Number	否	圖片格式為 jpg 的情況下，data URL 對應(yīng)的圖片的質(zhì)量。取值范圍為 0 到 1，如果超出取值范圍，將會默認(rèn)該值為 1。其他圖片格式該參數(shù)會被忽略。

返回值