已解決430363個問題，去搜搜看，總會有你想問的

將畫布元素分配給img.src

首頁猿問將畫布元素分配給img.src

將畫布元素分配給img.src

JavaScript

狐的傳說 2021-05-13 18:16:01

這有效img.src = "assets/img.png";img.addEventListener('load', function () { textureContext.drawImage(this, 0, 0); texture.update();});現在，如何使用頁面上已經存在的canvas元素來插入這段代碼。像這樣的東西。var img = document.getElementById("canvas1");textureContext.drawImage(img, 0, 0);texture.update();我正在尋找純JavaScript解決方案。

查看完整描述

1 回答

浮云間

TA貢獻1829條經驗獲得超4個贊

您需要使用Canvas＃toDataURL方法

HTMLCanvasElement.toDataURL（）方法返回一個數據URI，該數據URI包含由type參數指定的格式的圖像表示（默認為PNG）。返回的圖像的分辨率為96 dpi。

img.src = document.getElementById("canvas1").toDataURL();

工作示例：

const canvas = document.getElementById("canvas");

const img_from_canvas = document.getElementById("img_from_canvas");

const context = canvas.getContext("2d");

context.rect(10, 10, 150, 100);

context.fill();

img_from_canvas.src = canvas.toDataURL();

<p>canvas</p>

<p>image from canvas</p>

反對回復 2021-05-27

1 回答
0 關注
139 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將畫布元素分配給img.src

將畫布元素分配給img.src

1 回答

添加回答