↧
SVG Textのtext-anchor属性をつかってみた。
最近、HTMLファイル内にSVGを直接記述できる「Inline SVG」と格闘中のkadoppeです。 今日は、たまたまSVGのtext要素を使って文字列を中央揃えにする必要があったので、それを実現するために使ったtext要素の「text-anchor」属性について簡単にメモしておきたいと思います。 text-anchor属性...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
Google Chromeには「最小フォントサイズ」という設定項目が存在する
知らなかったのでメモ。 最小フォントサイズ タイトルの通り、Google Chromeには「最小フォントサイズ」という設定項目が存在します。 デフォルトの設定値は「10px」。この状態だと、CSSで10px未満のフォントサイズが指定されている要素に関しても、一律フォントサイズ10pxで表示されます。...
View Article
Image may be NSFW.
Clik here to view.
Clik here to view.
[SVG] 点線の点の形を自由に変える方法
仕事でSVGを使っているときに、「点線の点の形を自由に変えたい！」「もっと色んな点線を描きたい」と思い、いろいろ考えた結果、それを実現する方法を見つけました。 すでに広く知られていることかもしれませんが、ぱっと情報は見つからなかったので、ここに書いておくことにします。 line 要素をつかって点線を書く まずは line 要素をつかって点線を書いてみましょう。line...
View Article
