タグ

pngに関するsbg3のブックマーク (2)

  • Font-Awesome-SVG-PNG - Font AwesomeをSVG/PNGとして取り出す MOONGIFT

    これは使いどころが多そう! Font AwesomeはWeb Fontをアイコンとして使えるので便利なライブラリです。便利さ故に他のケースでも使いたいと思うのではないでしょうか。また、一つのアイコンだけを使うためにWeb Font全体を読み込むのは大変です。 そこで使ってみたいのがFont-Awesome-SVG-PNGです。Font Awesomeのデータを読み込んで指定方式でSVG/画像に変換してくれるソフトウェアです。 作成例。赤いアイコン画像をまとめて生成できます。 Font-Awesome-SVG-PNGのインストール インストールはnpmコマンドで行います。 $ npm install -g font-awesome-svg-png Font-Awesome-SVG-PNGとは別でlibrsvgが必要です。Windowsの場合はosspack32を使えます。 Font-Awes

    Font-Awesome-SVG-PNG - Font AwesomeをSVG/PNGとして取り出す MOONGIFT
    sbg3
    sbg3 2014/04/08
  • PNGを解析してJavaScriptでPNGを描く·png.js MOONGIFT

    png.jsはJavaScriptを使ってPNGを解析し、その結果をCanvasタグにレンダリングするライブラリ。 png.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Web上で扱われる画像のフォーマットと言えば、GIF/JPEG/PNGだ(WebPもあるか)。個人的な主観としてGIFはアニメーションやアイコン、JPEGは写真やサイズの大きな画像、その中間がPNGに向いていると感じている。 レコード画像を描く 写真を取り扱うサイトでは、そのメタデータを解析して撮影した機種や撮影場所、露出といったデータをEXIFから得ている。同様のPNGを解析するJavaScriptライブラリがpng.jsだ。 png.jsはPNGをJavaScriptで解析し、その結果をCanvasタグを使って画像として表示する。つまり表示されるのはPNG画像であり、単純にWebブラウザでim

  • 1