問題タブ [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 Open DATA: Safari の URL

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ファイル(背景に使用)です。 CSSのテキストとして3,746バイトであるのに対し、画像としては2,792バイトになります。

それで、これは良い習慣と見なされますか、それとも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 をサポートしていますが、サポートされている "data:" URL は知りません。MIDI コンテンツを生成することは大したことではありませんが、このコンテンツをプレーヤーにフィードすることは重要です。誰でもこれを行う方法を知っています-一般的ではないにしても、少なくともQuickTimeのような特定のプラグインについては?

0 投票する
2 に答える
16895 参照

javascript - jQueryとCanvas.toDataURL

私はスクリプトに取り組んでいますが、その一部には、キャンバスを取得してダウンロード可能な画像に変換することが含まれます。これを行うには、次のようにします。

...ここで、thumbnailはキャンバスタグで、options.destはimgidの名前です。

このコードはChromeで完全に機能しますが、Firefoxで試してみると、Firebugは次のエラーをスローします。

スクリプト全体にリンクしますが、すべてが私のコンピューターでホストされています。誰かがこれが何を意味するのか考えていますか?

ありがとう!ジェフ

0 投票する
4 に答える
4010 参照

javascript - ピクセル データ配列からイメージを描画する

JavaScript でピクセル データの配列を持っている場合、それを HTML ページに表示する良い方法はありますか?

  • Safari と Firefox の最近のバージョンでは、<canvas>要素を作成putImageDataしてピクセルを表示するために使用できますが、理想的にはソリューションが古いバージョンでも機能し、さらに重要なことに、Internet Explorer でも機能します。
  • より具体的な別の解決策は、ピクセルを標準の画像形式にエンコードし、ピクセルを使用してdata:URI を作成し、それを要素の として設定することsrcです<img>。残念ながら、ほとんどの画像フォーマットは複雑なようで、仕事をすることができる単純なものを見つけるのに苦労しています (BMP は可能性のように見えますが、Safari では機能しません)。また、IE 8 より前のバージョンの Internet Explorer は、data:URI をまったくサポートしていません。

存在するとは思えませんが、標準形式で画像を生成できる JavaScript 用の画像ライブラリを知っている人はいますか? data:IE 7 で URIの機能を複製する方法はありますか?

0 投票する
1 に答える
3445 参照

canvas - キャンバスオブジェクトの一部のgetDataURL

私は、ユーザーがオブジェクトに任意の図形を描画し、それを画像(pngファイル)として保存できるようにするFirefoxプラグインを構築しています。

これを使って、キャンバスに描くことができます。ただし、画像を保存するときは、キャンバス全体を保存するのではなく、保存するために作成された画像の周囲の「外接する長方形」だけを保存します。

これを達成する方法はありますか?私が現在行っているのは、キャンバスをそのまま保存することです。

0 投票する
4 に答える
5528 参照

html - 複数のインスタンス同じデータURL画像

同じページにbase64コードを再挿入せずに、すでに宣言されているbase64データのURLイメージをどのように再インスタンス化しますか?(できればcssを使用して)

私は試した:

0 投票する
1 に答える
1917 参照

firefox - セキュリティ エラー" コード: "Canvas.toDataURL を使用する Firefox で 1000

jQuery や Canvas.toDataURLのようなエラーが発生しました

一部のユーザーは、サーバーで実行する可能性があると言っていましたが、ローカルではなくサーバーで実行しています

それでもこの「セキュリティエラー」コードが表示されます:「1000」エラー。

セキュリティ エラー」コード:「1000

[このエラーで中断] data: 'raw='+canvas.toDataURL("image/png", ""),