SVG

問題点：以前Fontelloで作成したアイコングループに新規アイコン追加は難しい サイト：Fontelloで沢山のアイコンから必要のみのアイコンを選択して、使用することができるので、非常に便利なオンラインツールです Fontelloの使用方法：「自作した画像イメージをSVGに変換してFontelloカスタムアイコン作成方法」をご参考ください 但し、...

IEがSVGの垂直方向位置調整プロパティ（dominant-baseline）を非対応 以下の例の効果はIEブラウザで確認はできません（IE10でテストしました） 垂直方向の位置調整にIEまで適応するため、プロパティ「dy」使用することができます dominant-baselineの設定が違う言語の文字に基準点が違います 各種言語の文字の基準点が違うため、...

SVGで描画した円にテキストを表示します SVGで円を描画する簡単な例は以下のようです（半径80の円をx:200、y:100のところで描画） <svg width="600" height="200"> <circle r="80" // 半径：80 cx="200" // 中心x：200...

SVGのプロパティ：viewBoxが設定されたビューの伸縮/切り取り 結論から言うと、SVGのプロパティ：viewBoxが設定されたSVGビューの伸縮/切り取り機能をしています SVGの設定ビュー(viewPort)がSVG設定のままのビューとなります SVGのviewBoxが設定ビューの視点を変えて表示ます（平面的に伸縮/切り取り） svgの定義...