问题标签 [data-url]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
9772 浏览

iphone - iPhone打开数据:Safari中的网址

我有一个 Data: URL(参见:http ://en.wikipedia.org/wiki/Data_URI_scheme )(作为 NSString),我想在 Safari 中打开它。你将如何做到这一点(我试过 openURL:.)
示例:

0 投票
5 回答
6698 浏览

css - 在 CSS 中使用图像文件与数据 URI

我正在尝试确定包含我编写的脚本所需的图像的最佳方式。

我发现了这个网站,它让我考虑尝试使用这种方法将图像包含为数据 URI(由RFC 2397定义),因为它太小了——它是一个 1x1 像素、50% 不透明度的 png 文件(用于背景)——它最终在 2,792 字节作为图像与 3,746 字节作为 CSS 中的文本。

那么这会被认为是一种好的做法,还是会不必要地混淆 CSS?

0 投票
4 回答
8386 浏览

javascript - 如何在 HTML 文件中编码图像数据?

我希望能够输出一个包含图像的 HTML 文件(在文件本身内)。通过谷歌搜索,我遇到了几种方法来做到这一点:

  • javascript:imageData
  • 数据 URI,例如<IMG SRC="data:image/gif;base64,[...]">
  • <object ... >标记(虽然这使用数据 URI,因此可能继承相同的限制)

但我不知道浏览器更好地支持哪个,或者是否有其他选择。

有这方面实际经验的人可以给我建议吗?谢谢。

0 投票
5 回答
24312 浏览

html - 是否可以在视频和音频标签中使用数据 URI?

假设如下:

  1. 有问题的浏览器不限制数据 URI 的大小。
  2. 这样做实际上是有目的的(所以请不要问“有什么意义?”和“您确实意识到 base64 编码会将您的文件扩展 33%,对吧?”)。

技术上是否可以将整个视频或音频文件编码为 base64,并使用 <audio> 或 <video> 将其嵌入 HTML 文档中?

0 投票
5 回答
6682 浏览

javascript - 在 javascript 中生成 MIDI

我想在 javascript 中生成一系列 MIDI 音符,然后播放它。许多插件支持 MIDI,但我不知道任何支持“数据:”URL。生成 MIDI 内容没什么大不了的——但是将这些内容输入播放器才是。任何人都知道如何做到这一点 - 如果不是一般情况下,那么至少对于 QuickTime 这样的特定插件?

0 投票
2 回答
16895 浏览

javascript - jQuery 和 Canvas.toDataURL

我正在编写一个脚本,其中一小部分涉及获取画布并将其转换为可下载的图像。为此,我这样做:

...其中 thumbnail 是画布标签,options.dest 是 img id 的名称。

这段代码在 Chrome 中运行良好,但是当我在 Firefox 中尝试时,Firebug 抛出了这个错误:

我会链接到整个脚本,但所有内容都托管在我的计算机上。有谁知道这可能意味着什么?

谢谢!杰夫

0 投票
4 回答
4010 浏览

javascript - 从像素数据数组中绘制图像

如果我在 JavaScript 中有一组像素数据,是否有一种在 HTML 页面上显示它的好方法?

  • 在最新版本的 Safari 和 Firefox 上,我可以制作一个<canvas>元素并用于putImageData显示像素,但理想情况下,一个解决方案也可以在旧版本上运行,更重要的是,可以在 Internet Explorer 上运行。
  • 另一个似乎更切实可行的解决方案是将像素编码为标准图像格式,并data:使用像素创建一个 URI,并将其设置为src元素<img>的 URI。不幸的是,似乎大多数图像格式都很复杂,我很难找到一个可以完成这项工作的简单格式(BMP 看起来很有可能,但在 Safari 上不起作用)。此外,IE 8 之前的 Internet Explorer 版本根本不支持data:URI。

我怀疑是否存在,但有人知道可以生成标准格式图像的 JavaScript 图像库吗?有没有办法data:在 IE 7 中复制 URI 的功能?

0 投票
1 回答
3445 浏览

canvas - 部分画布对象的 getDataURL

我正在构建一个 firefox 插件,它允许用户在对象上绘制任意图形并将其保存为图像(png 文件)。

使用它我可以在画布上绘图。但是,当我保存图像时,我不希望保存整个画布 - 而只是创建要保存的图像周围的“边界矩形”。

有什么办法可以实现这一点。我目前正在做的是将画布按原样保存:

0 投票
4 回答
5528 浏览

html - 多个实例相同的数据 url 图像

如何重新实例化已经声明的 base64 数据 url 图像,而无需在同一页面上重新插入 base64 代码?(最好使用 css)

我试过了:

0 投票
1 回答
1917 浏览

firefox - 安全错误”代码:“在带有 Canvas.toDataURL 的 Firefox 上为 1000

我有像jQuery 和 Canvas.toDataURL这样的错误

一些用户告诉它可能在服务器上运行它,但我在我的服务器上运行它而不是本地

仍然得到这个“安全错误”代码:“1000”错误。

安全错误”代码:“1000

[打破此错误] 数据:'raw='+canvas.toDataURL("image/png", ""),