svg要素の基本的な使い方まとめ
16.フォント定義 いかなる環境においても同じ文字の見た目を提供するため，SVGにはフォントを定義し，自分自身に埋め込む仕様が定義されている．本項ではこのフォント機能についてその概略について述べる．非常に広範な知識が要求される割にSVGフォントを直接サポートする環境が少ないので利用する機会がそれほどないものの，簡単にフォントを作れるのは非常に魅力的であり，場合によっては非常に役に立つこともある．なお，本ページの記述は参考となる資料や動作環境の貧弱さから曖昧な点や不足が多々ある事を予めお詫びする．また実際の動作を確認する場合はchrome等のwebkit系のブラウザを利用してほしい．operaでは一部動作が不安定な箇所があるprestoエンジンをサポートするOperaで行って欲しい． SVGフォント 重要）2014/10以降Windows環境の一部を除きChrome/Opera等のブラウザに
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
今年こそついにSVG元年？まだ間に合う！SVGの学習に役立つサイト紹介 - 聴く耳を持たない(片方しか)
先日AdobeからこのようなJavaScriptライブラリが公開されました Snap.svg http://plus.adobe-adc.jp/post-4817/ 以前から人気の高かった、IE6でもSVGを表示できるJavaScriptライブラリRaphaelの作者 Dmitry Baranovskiy氏による新たなライブラリで、Raphaelとの違いはSnap.svgではIEなら9以上対応とモダンブラウザを対象にしたこと。さらに自由度と表現力の高いことができるようになっているのが大きな特徴です。 こうしたJavaScriptライブラリがオープンソースで、そしてAdobeから公開されたのは大きなことでこれからSVGもどんどん普及していくのではないでしょうか。 まさに2013年こそついにSVG元年と言えるかもしれません*1。 ……とは言え、そもそもSVGってなに？という人もまだまだ少なくな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
