Inkscapeといえば無料で使えるきれいな線がかけるソフトという認識 SVGを勉強しているとそのフィルタエディタがとても便利だった 参考にしたページ www.atmarkit.co.jp/fwcr/design/benkyo/webgraphics03/04.html 英語だけど何言っているかわからなくても見てればだいたいわかる まず短形ツールをつかって適当に四角形をつくる つくったら選択ツールを選べば確定 つぎにグラデーションツールを選んで 動画を参考にグラデーション作成 うえのように補助線を水平・垂直にするにはctrlを押しながらドラッグすればOK フィルターのつくり方以前につくったフィルタをInkscapeでつくってみる d3.jsでrectに角丸・半透明・グラデーション・ドロップシャドウ・ライティング効果を追加~主にsvgのこと もとのチュートリアル www.w3schools.