SVG | You Look Too Cool

スイカの絵を描く

SVGでスイカの絵を書きました。
苦労した割に出来があまり良くないですが夏休みの宿題のつもりで提出しておきます。 (さらに…)

SVGで和柄を描いてみたところ、結構簡単にできたのですが、使いみちが特になく、将来何かに使うかもしれないので備忘録的に残しておきます。 (さらに…)

SVGは反転を簡単に描くことができます。
ただし設定方法が分かりにくいのでまとめておきます。 (さらに…)

SVGには描いた画像を縦横に並べる機能があります。
これを使うと模様が簡単に描けます。 (さらに…)

SVGを使うとエディタとブラウザがあれば、特に環境を準備することなく図形を描くことができます。 (さらに…)

ウェブ上でSVGファイルをPNGファイルに変換することができるツールを紹介します。
最初の「SVG to PNG」がベストだと思います。 (さらに…)

子供に野球のルールや作戦を教えるために、走者や打球に関する図を簡単に描く仕組みを作りました。
走者、打球の飛んだ位置、打球の種類を指定するだけで模式図を描きます。
「野球教室」はこれを使って作りました。 (さらに…)

人間の表情を簡単に描き分ける簡単な方法が紹介されていました。

これらを組み合わせれば「100通りの表情」が描けるというのです。

実際に「100通りの表情」を描いてみました。ただしプログラムを使って。 (さらに…)

その日に何が起きたか、天気は何だったか、今日から何日前か、などが分かる「ドンナヒ」というツールがあります。
ある出来事が何年何月何日に起きたか、ということは分かりますが、時刻が分かりません。
そこで、そのできごとが発生した時刻がビジュアル的に分かるツールを作りました。 (さらに…)

扇形を描いてみます。
PHPだと「imagearc」のような命令がありますが、SVGには見当たりません。
楕円の場合は「path」を使います。 (さらに…)