0

我想在我正在创建的 HTML/JavaScript 应用程序中的某些关键字旁边显示一个“密钥”（来自钥匙串），但我不想发出任何 HTTP 请求来加载图像。我怎样才能在所有主要浏览器中可靠地做到这一点？

是否有一个有效的 UNICODE 值？（我找不到一个）

是否有有效的 Webdings 字体？（它们通常不适用于 Opera 和 Firefox）

有没有办法使用 JavaScript 中的字符串提供的 base64 图像源在 JS 中创建图像？

谢谢！

4

2 回答 2

2

您可以在图像的 scr属性中使用base64 数据：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

然后，您可以使用 javascript 扫描文本，并在需要的地方添加图像标签。
（或者将文本包装在一个跨度中，并将图像设置为跨度的背景。）

要在 DOM 中实际创建图像：

var img=document.createElement("img");
    img.setAttribute('src', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38G    IAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==');
    img.setAttribute('alt', 'Red dot');
    img.setAttribute('height', '10px');
    img.setAttribute('width', '10px');
document.body.appendChild(img);

编辑：
您可以使用此工具将图像编码为 Base64。

于 2012-11-20T13:43:22.000 回答
1

⚿ 0x26BF 看起来很匹配。我不知道他们把钥匙放在正方形里，但无论如何......当然问题是用户的字体是否有代码点......

在此处输入图像描述

于 2012-11-21T03:28:49.300 回答