Canvas.toDataURL
收藏我的收藏
收藏基础库 1.78.0 开始支持本方法，这是一个同步方法。
返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。
语法
Canvas.toDataURL(type, encoderOptions)
参数说明
type
类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
string | 默认为 PNG 格式 | 否 | 图片格式，默认为 image/png | 1.78.0 |
encoderOptions
类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
number | 0.92 | 否 | 在指定图片格式为 image/jpeg 或 image/webp的情况下，可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围，将会使用默认值 0.92。其他参数会被忽略。 | 1.78.0 |
返回值
类型 | 说明 |
string | 返回一个包含图片展示的 data URI 。可以使用 type 参数其类型，默认为 PNG 格式。 |
扫码体验
代码示例
<!-- index.ttml --> <canvas id="myCanvas" type="2d"></canvas>
// index.js Page({ onReady: function (options) { tt.createSelectorQuery() .select("#myCanvas") .node() .exec((res) => { const canvas = res[0].node; const base64 = canvas.toDataURL(); console.log("base64", base64); }); }, });
