Question

如何“保存”此图片？

canvas.toDataURL

发现于：https://theta360.com/s/lE2in9qQDK6j2CcjPAQcvNhOi

我尝试了一些我在SO上找到的使用var url = "blob:https%3A//theta360.com/473c6400-b8e7-4c41-8f7a-90f03cbc8787"; // document.getElementById("img1").src; // 'img1' is the thumbnail - I had to put an id on it var canvas = document.getElementById("MyCanvas"); var img = new Image(); img.src = url; img.onload = function () { var myImage = canvas.toDataURL("image/jpg"); document.getElementById("dataurl").value = myImage; }

的脚本

但是我收到了一个错误：

不允许加载本地资源：blob：https％3A // theta360.com / 473c6400-b8e7-4c41-8f7a-90f03cbc8787

使用Javascript：

<canvas id="MyCanvas">This browser or document mode doesn't support canvas</canvas>
<input id="dataurl" name="dataurl" type="text" size="50" />

HTML：

typedPipe
   .map(someMapper)
   .groupBy(_.nonPrimitiveField)
   .sum
   .write(sink)

Answer 1

无法从其他来源请求URL.createObjectURL()创建的网址。 objectURL存在于创建它的window生命周期内创建它的document内。

URL.createObjectURL()

URL.createObjectURL()静态方法创建DOMString 包含表示参数中给定的对象的URL。网址生命周期与窗口中的document相关联创建。新对象URL表示指定的File对象或 Blob对象。

Answer 2

我找到了如何获取图像，但这与编程无关。

使用chrome://cache/查看Chrome的缓存并搜索equirectangular_web_optimized

Answer 3

我这样做是为了获取BLOB Url（file.localDataUrl）的道具大小

    const img = new Image();
    img.src = file.localDataUrl;

    img.onload = (a) => {
        console.log(a);
        console.log([a.path[0].width, a.path[0].height]);
    };

Blob到图像的URL

3 个答案: