JavaScript 仅对本地用户使用图像

Question

我想了解图像在 JavaScript 中的工作原理。

当您创建这样的图像时：

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

图像是只在用户计算机上加载还是在服务器端加载？

因为我只想在用户端创建图像以优化 canvas 渲染。

Answer 1

这段代码创建了一个新的 Image 对象并将其存储到一个变量中。

 this.image = new Image();

这段代码将您的 toDataURL() 存储到您的 image 变量中的 .src 属性。这是关于 .src 属性.

的一些文档

https://www.w3schools.com/jsref/prop_img_src.asp

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

因为你已经在本地创建了变量，所以它不会存储在服务器上。本质上，您是根据当前代码存储图像的 URL 。您可以将类型更改为 toDataUrl(image/jpeg)，甚至可以通过方法 toDataURL(image/jpeg, 1.0) 中的重载来衡量质量 toDataURL(image/jpeg, 1.0) 查看这篇关于 .toDataURL() 方法的有用文章以及它更具体的作用。

https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL

JavaScript 仅对本地用户使用图像

JavaScript using image only on local user

javascript

image

canvas

server

todataurl