0

I would like to display a 'key' (from a keychain) next to certain key words in an HTML/JavaScript app I'm creating, but I do not want to make any HTTP requests to load an image. How can I do this reliably across all major browsers?

Is there a UNICODE value that works? (I couldn't find one)

Is there a Webdings Font that works? (They don't usually work in Opera and Firefox)

Is there a way to create an image in JS using a base64 image source provided by a String from the JavaScript?

Thanks!

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 に答える