仅在本地用户上使用图像的JavaScript

我想了解图像在JavaScript中是如何工作的

创建这样的图像时：

this.image = new Image();
this.image.src = canvas.toDataURL();

映像是仅在用户计算机上加载还是在服务器端加载

---

因为我只想在用户端创建图像来优化画布渲染

这段代码创建一个新的

图像

对象并将其存储到变量中

 this.image = new Image();

这段代码将toDataURL（）存储到

image

变量中的.src属性中。这里有一些关于

.src

属性的文档

因为您已经在本地创建了变量，所以它不会存储在服务器上。实际上，您是基于当前代码存储图像的URL。您可以将类型更改为说

toDataUrl（image/jpeg）

，甚至可以通过方法

toDataUrl（image/jpeg，1.0）

中的重载来缩放质量，查看这篇关于

.toDataUrl（）

方法的有用文章，以及它的具体功能

this.image.src = canvas.toDataURL();