js todataurl

作者：屰兲洏垳＆发布日期:2026-07-26 浏览:87

// 创建一个 canvas 元素
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');

// 设置 canvas 的宽度和高度
canvas.width = 200;
canvas.height = 200;

// 在 canvas 上绘制一些内容
ctx.fillStyle = 'green';
ctx.fillRect(10, 10, 100, 100);

// 使用 toDataURL 方法将 canvas 内容转换为 Data URL
const dataURL = canvas.toDataURL('image/png');

// 输出 Data URL 到控制台
console.log(dataURL);

// 解释说明：
// toDataURL() 方法返回一个包含图像的 base64 编码的 Data URL。
// 默认情况下，它会返回 PNG 格式的图像，但你也可以通过传递参数来指定其他格式，例如 'image/jpeg'。
// 这个方法常用于将 canvas 内容导出为图片，或者在网页中直接显示 canvas 生成的图像。

上一篇：js input 事件

下一篇：js submit