定番
新着
履歴

図形いろいろ関連サンプル

スマホの普及でSVGがかなり広がりました。イラストレーターなどの画像編集ソフトでも書き出し形式の一つとして定着しています。利点としてはコードを書き込むのでとても描画が速いということも大きいですが、エンジニアにとってちょっとした画像やグラフを作るときにとても都合がいいプログラミングです。その中でシンプルなものだけをまとめてご紹介します。
  • CSS3 角を丸くする
  • CSSのみで要素の角を丸くする表現のサンプルです。丸角(まるかど)、角丸(かどまる)などと呼ばれることがありますが、角を丸くする表現はよく使われます。 ひと昔前までは、角のための画像をわざわざ作っていましたが、今ではスタイルシートで簡単に表現することができます。     すべての角を丸くする 半径:10px border-radius: 10px; 一部の角を丸くする border-top-left-r
  • 2016-02-05 00:03:52
  • SVG 手作りアイコン
  • SVGを使うと、HTML上にパス情報を直に書いて、絵を描くことができます。 基本的にはイラストレーターなどの画像編集ソフトで描画し、書き出す際にSVGとして書き出します。 書き出されたファイルをイメージタグで呼び出す方法が一般的です。 しかし、記号やアイコン程度なら直に書いてしまうのも有りだと思います。いちいち画像編集ソフトを立ち上げて、加工と書き出しを繰り返すより早い場合があり
  • 2016-12-26 00:48:04
  • SVG 三角形のサンプル
  • SVGで三角形を描くサンプルを紹介します。 ちょっとしたデザインで三角が使いたくなった時にいちいちフォトショップやイラストレーターで作成して、サーバーアップして参照するのは面倒と感じることがありませんか。 そんな時には、SVGが重宝します。 三角形は特に決まったタグは無いようなので、パスを描画することになります。 塗りつぶした三角形 <svg width
  • 2016-10-02 17:13:23
  •  
  •  

© 2019 kipure
Top