この本では「SVG」を使って、Web上に綺麗な図形を描く方法を紹介します。
例：<a href="https://django6.kikuichige.com/svg/processsample.svg" target="_blank" rel="nofollow noopener noreferrer">https://django6.kikuichige.com/svg/processsample.svg</a>
Windows11でメモ帳でSVGファイルを作成し、Edgeで表示する方法を紹介します。

この本では「SVG」を使って、Web上に綺麗な図形を描く方法を紹介します。
例：https://django6.kikuichige.com/svg/processsample.svg
Windows11でメモ帳でSVGファイルを作成し、Edgeで表示する方法を紹介します。

SVG入門

SVGとは何か

SVGの基本構造（タグや属性）

図形の描画（circle, rect, line, path など）

テキストや色、グラデーション

要素の位置を調整しよう（transformとg要素）

矢印を描こう（marker要素）

プロセス図を組み立てよう（応用編）

レスポンシブ対応とアニメーション

SVGをHTMLに埋め込む方法

SVG便利ツール紹介（Windows11向け）

まとめ

画像

edge

windows11

メモ帳

sosa