ブログ記事でブレッドボードの実装画像を作成する必要があったのですが、無料でデザインするツールで満足できるものが無かったので自作してみました。使い方も含めて書いていきます。

ソースコード

ソースコードが比較的長いため、リンクを張っておきます
ここからダウンロードをし、「eComponents.svg」で保存してご利用下さい

使いかた

2.54mmをSVG上での単位長さ１とし、デザインを作成しています
利用時には、SVGの<use>タグの hrefパラメータで、「./eComponents.svg#（部品ID名）」を指定します

<svg viewBox="-4 -0.2 50 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
	<use x="0" y="0" href="./eComponents.svg#RPi_GPIO"></use>
	<use x="10" y="0" href="./eComponents.svg#breadboard_S"></use>
	<use x="12" y="10" href="./eComponents.svg#CC_v"></use>
	<use x="13" y="10" href="./eComponents.svg#DIP8"></use>
	<use x="21" y="7" href="./eComponents.svg#R10k_v"></use>
	<use x="23" y="7" href="./eComponents.svg#R10k_v"></use>
	<use x="21" y="14" href="./eComponents.svg#TO-92"></use>
	<use x="11" y="16" href="./eComponents.svg#BTT9V"></use>
	<g style="stroke:#dddd00; stroke-width:0.3; stroke-linecap:round; fill:none;">
		<path d="M1,2 l-0.4,0.4 v0.8 l0.4,0.4 h8  L14,6"></path>
		<path d="M1,4 l0.4,0.4  v1.8 l0.4,0.4 h13 L15,7"></path>
		<path d="M1,8 l-0.4,0.4 v4.8 l0.4,0.4 h16 L21,12"></path>
		<path d="M16,11 h7"></path>
	</g>
	<g style="stroke:#ff0000; stroke-width:0.3; stroke-linecap:round; fill:none;">
		<path d="M2,2  l0.4,-0.4 h5.5 l0.4,0.4 v8.6 l0.4,0.4 L12,11 M12,12 L13,12"></path>
		<path d="M23,6 l1,0.4 V17"></path>
	</g>
	<g style="stroke:#ff8c00; stroke-width:0.3; stroke-linecap:round; fill:none;">
		<path d="M1,1  l0.4,-0.4 h6 L11,2"></path>
		<path d="M21,2 v2"></path>
		<path d="M22,2 v8"></path>
	</g>
	<g style="stroke:#0000ff; stroke-width:0.3; stroke-linecap:round; fill:none;">
		<path d="M2,3  l0.4,-0.4 h5 L11,1"></path>
		<path d="M12,1 v3 M12,7 L13,7"></path>
		<path d="M25,1 v15"></path>
	</g>
</svg>

対応している部品一覧

種類		ID名
		縦	横
ブレッドボード	小		breadboard_S
	大		breadboard_L
抵抗	100Ω	R100_v	R100_h
	1ｋΩ	R1k_v	R1k_h
	10ｋΩ	R10k_v	R10k_h
	150Ω	R150_v	R150_h
	220Ω	R220_v	R220_h
	330Ω	R330_v	R330_h
	470Ω	R470_v	R470_h
	680Ω	R680_v	R680_h
コンデンサ	セラミックコンデンサ	CC_v	CC_h
ダイオード		D_v	D_h
LED	赤		LED_R
	黄		LED_Y
	緑		LED_G
	白		LED_W
IC	8pin		DIP8
	14pin		DIP14
トランジスタ、 FET	TO92		TO-92
	FET		FET
電源	USB電源（5V）		5V_USB
	9V角型電池		BTT9V
その他	Raspberry Pi GPIO ピン		RPi_GPIO