タグ data URI
人気順 5 users 10 users 100 users 500 users 1000 usersSVGをdata URI schemeに変換するとき文字化けしないように必要なこと - 聴く耳を持たない(片方しか)
現在、パソコン、スマートフォン、タブレットと様々な画面サイズの情報機器が世の中に溢れています。そうした端末に適切に対応するには画像も色々なサイズのものをいくつも用意する必要があるわけですが、SVGのようなベクター画像であればそうした手間も少なくて済むのがメリットです。例えば、AppleのサイトではロゴにSVGを使っています。https://www.apple.com/jp/iphone/ そしてそ... 続きを読む
GitHubのエラー・ページ - Weblog - hail2u.net
GitHubのStyleguideにエラー・ページのセクションがあるのを知った。それによると外部ファイルに依存しないように書いているらしい。CSSはstyle要素で、JavaScriptはscript要素で、画像ファイルはBase64エンコードしてData URIで、それぞれHTMLに直接埋め込むというスタイル。 実際に404のテンプレートでもちゃんとそうなっていた。フロントエンド脳なので、HTT... 続きを読む
リファラとCSRF対策の話 - 金利0無利息キャッシング – キャッシングできます - subtech
リファラを使ったCSRF対策では多くの場合、想定していない、外部サイトのリファラが付いていたらエラーにする、ということが行われます。 一方で、ブラウザ側の設定に関わらず、リファラはいくつかの方法で消せます。 data uriからの送信 https から http への送信 meta referrerタグで送信しない指定をする(対応ブラウザのみ) 参考: http://wiki.whatwg.org... 続きを読む
404 Blog Not Found:javascript - で bilateral filter (選択的ガウスぼかし)を実装してみた
ざっとこんな感じです。img中の画像にradiusとthresholdで指定されたとおりに bilateral filter をかけ、結果をData URIとして帰します。画像操作には使い捨てのcanvasを使っています。canvasに関しては「HTML5 Canvas」が参考になりました。この場を借りて献本御礼。 要点と感想 アルゴリズムの実装そのものは簡単でした。以下のページのおかげです。 A... 続きを読む
CSS内の画像埋込で高速化(Data URI) #CSS #PHP - Qiita
body { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAA... 続きを読む
[JS]ローカル環境でも利用できるダミー画像を生成するスクリプト -Holder.js | コリス
サイズやカラーをテキストで指定するだけで簡単にダミー画像を生成できる超軽量(4KB)のスクリプトを紹介します。 Holder.jsのデモ Holder.jsの使い方 Holder.jsのデモ 対応ブラウザ Holder.jsはcanvasとdata URI schemeを使用しているため、下記のブラウザでご覧ください。 Chrome 1+ Firefox 3+ Safari 4+ Internet... 続きを読む
今更だけどdata URI Schemeって何? | poyosicom
こんにちは、@poyosiです。皆さんdata URI Scheme使ってますか? 私は全然使ってません。 data URI Scheme(データ ユーアールアイ スキーム)自体はかなり昔からありますが、知っておいて損はないと思いますので、おさらいの意味も込めて書きたいと思います。 そもそもURI Scheme(ユーアールアイ スキーム)とは? data URI Schemeのお話をする前に、そも... 続きを読む
JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記
javascript ちょっと思うところあってJavaScript 内で、複数のファイル情報を作って Zip で固めて、 Data URI を生成するライブラリを作ってみました。ソースは以下の zip.js です。share - Revision 25405: /lang/javascript/Zip 使うには以下の base64.js が必要です。410 Goneこの base64.js は弾さ... 続きを読む