2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
Dynamic badges Show metrics for your project. We've got badges for hundreds of services.
なにやらWebフォントという言葉をよく聞くようになりました。 僕も試してみたかったので、ドット絵のWebフォントを作ってみました。 デモ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890.,!?。、 あいうえおかきくけこさしすせそたちつてとなにぬねの はひふへほまみむめもやゆよらりるれろわをんぁぃぅぇぉゃゅょっ アイウエオカキクケコサシスセソタチツテトナニヌネノ ハヒフヘホマミムメモヤユヨラリルレロワヲンァィゥェォャュョッ おきのどくですが ぼうけんのしょ 1 は きえてしまいました。 IE9、Firefox、Chromeで表示できていることを確認しています。(今回作ったwoff形式のフォント) 作り方 ドット絵の文字セットを用意 こんな画像を作りました。数字･アルファベット大文字小文字･ひらがな･カタカナで所
In the previous table, think of a mental model of the two in terms of existing software. Canvas resembles MSPaint, where you can draw and create images by using shapes and other tools. SVG resembles a Office PowerPoint slide that has programmable support and the ability to add a theme. When to Use <canvas> and when to Use SVG: The Scenarios This section describes the technical benefits and limitat
いまさら聞けないSVG、なぜ知られていないのか？：いまさら聞けないリッチクライアント技術（9）（1/3 ページ） 「SVGって何？」と思うのは無理もない PCで取り扱う画像のフォーマットにはいろいろな形式があります。JPEG、GIF、PNG、BMP、TIF、…… などなどいろいろあります。さて、その画像形式の中で「SVG」というフォーマットがあるのはご存じでしょうか？ このSVG「ベクタデータで画質のクオリティが高い！」「テキストファイル作成されているので、汎用性が非常に高い！」「XML形式で記述ができて管理しやすい！」「JavaScriptと相性バツグンでリッチコンテンツが手軽に作れる！」など、とてもWebと相性が良さそうな画像形式です。 いろいろな長所を持つ「SVG」は、知らない人にとっては「新しい技術」と思うかもしれません。しかし、Webの標準化団体「W3C」からSVG 1.0が勧告
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
