Javascript 从画布获取源URL或图像名称

我正在制作一个chrome扩展，我需要在画布中找到图像的源url或图像名称。我需要这个，因为图像名是我想用扩展名捕获的项目的id，我不知道如何获取其中一个

我已经尝试从画布获取dataulr（），但这只是一个大字符串上的图像，没有引用我需要的id

这有可能吗

---

向您致意并感谢您的帮助

画布的内容不一定来自源URL图像，它可能是许多图像的组合，也可能只是动态生成的

看到下面这个例子中的画布没有源图像，我们在画布中看到的都是使用javascript绘制的，因为我使用的是

Math.random

图像在每次运行时都是不同的

const canvas=document.getElementById（“c”）；
canvas.width=canvas.height=170；
const ctx=canvas.getContext（“2d”）；
ctx.翻译（85，85）
对于（变量i=0；i<360；i+=2）{
变量角度=i*Math.PI/90；
var x=数学cos（角度）*40；
变量y=数学正弦（角度）*40；
ctx.beginPath（）；
var v=数学随机数（）+1；
ctx.moveTo（x，y）；
ctx.lineTo（x*v，y*v）
ctx.stroke（）；
}

---

画布的内容不一定来自源URL图像，它可以是许多图像的组合，也可以是动态生成的

看到下面这个例子中的画布没有源图像，我们在画布中看到的都是使用javascript绘制的，因为我使用的是

Math.random

图像在每次运行时都是不同的

const canvas=document.getElementById（“c”）；
canvas.width=canvas.height=170；
const ctx=canvas.getContext（“2d”）；
ctx.翻译（85，85）
对于（变量i=0；i<360；i+=2）{
变量角度=i*Math.PI/90；
var x=数学cos（角度）*40；
变量y=数学正弦（角度）*40；
ctx.beginPath（）；
var v=数学随机数（）+1；
ctx.moveTo（x，y）；
ctx.lineTo（x*v，y*v）
ctx.stroke（）；
}

---

首先感谢您的回复。您所说的使用getDataUrl（）的方式将提供我自己的链接，而我将无法找到源链接。我知道该图像是从URL源渲染的，因为如果我进入“网络”选项卡，我会看到该图像有一个链接，它们应该被渲染到画布上。这里的想法不是用我拥有的图像生成画布，而是找到画布上渲染图像的URL源。从渲染画布中无法回溯显示的图像，

getDataUlr

是您唯一的选择。首先感谢您的回复。您所说的使用getDataUrl（）的方式将提供我自己的链接，而我将无法找到源链接。我知道该图像是从URL源渲染的，因为如果我进入“网络”选项卡，我会看到该图像有一个链接，它们应该被渲染到画布上。这里的想法不是用我拥有的图像生成画布，而是从渲染画布中找出画布上渲染图像的URL源无法回溯显示的图像，

getDataUlr

是您唯一的选择