WebGL 立体を回転してみる 立体を描画し、それを3Dで回転させるサンプルです。 参考サイトMDNを参考にサンプルをそのまま実装してみました。 まだ、筆者も理解が浅いので、今日はここまでです。 下記のサイトを参考にしていま... 2020-11-03 22:40:47
jQuery フォームに非同期で値をセット フォームにajaxで取得したJSONの値をセットするサンプルです。 フォームに予めデータを埋め込む時は「value=""」でセットしますが、書きのフォームのHTMLは空です。 そこに対してJSで値を埋めています。 [[ <form... 2020-04-12 22:04:52
SVG 円柱のサンプル SVGとdivを組み合わせて円柱を作るサンプルです。 SVGのellipseを使って楕円を作り、円柱を表現してみます。 CSSの角丸(border-radius)で頑張って作ることもできますが、個人的にはこの方が簡単に円柱を作れ... 2020-02-17 22:20:09
SVG 星のサンプル 星のマークはパワポでもイラレでも用意されてますが、サイト上でも使う機会があると思います。 そんなとき手軽にコードだけで使えるよう星のサンプルも用意し... 2019-08-04 00:02:35
SVG 矢印のサンプル たまに矢印が必要なとき、画像を作るほどでもないなぁ、と思う時があります。 そんな時はSVGが便利。 色やスタイルも変えられるので、コーディングの表現... 2019-07-28 17:02:11
SVG 円のサンプル SVGを使って円や楕円を作ります。SVGでは円の作り方は複数あって、用途によって使い分けるとよいと思います。 まずは単純な円を作るcircleタグ。... 2019-08-02 23:46:55
SVG ひし形のサンプル SVGでひし形、ダイヤを描くサンプルを紹介します。箇条書きやアイキャッチによく使われますが、画像をいちいち作るのは面倒です。SVGにもひし形を簡単に描けるよ... 2019-07-30 21:41:30
SVG 手作りアイコン SVGを使うと、HTML上にパス情報を直に書いて、絵を描くことができます。 基本的にはイラストレーターなどの画像編集ソフトで描画し、書き出す際にSVGとして書... 2019-08-02 23:41:01
SVG 四角形のサンプル SVGで四角形、正方形、長方形を描くときのサンプルを紹介します。 rectタグが用意されており、簡単にかけます。 [[<svg width="120&quo... 2019-08-02 23:28:24
SVG 三角形のサンプル SVGで三角形を描くサンプルを紹介します。 ちょっとしたデザインで三角が使いたくなった時にいちいちフォトショップやイラストレーターで作成して、サーバーア... 2019-07-28 05:17:22