Fritzing用の任意形状の基板をInkscape1.2.1で作るためのメモ

はじめに

　Fritzingを使って、任意形状の基盤を作るためには、条件にあったsvgファイルを用意しなければならない。

https://booth.pm/ja/items/1414214
　Fritzing入門実習テキスト「Fritzing Basics」を購入して、付属のハート型のファイルは読み込めるのだが、いざ自分でIllustratorでsvgファイルを作ってみても、うまく読み込めない。
ファイルの中身を覗いてみると、Illustratorで書き出したように見えるが、Inkscapeの文字もあって、どうやって、使えるsvgファイルを書き出せるのかわからなかった。海外サイトも多数あたってみたが、どれもうまく行かなかった。

　結局Inkscapeを使わなければならなかったのだが、使い慣れないInkscapeで作業するにあたり、良いまとめ動画があったことと、Inkscapeのバージョンが1.2.1となりUIが新しくなっていたので、要点を以下にまとめた。

Fritzingで使うUI

右上にあるボタンのうち、以下のボタンを覚えておけば十分。
■フィルストローク
■レイヤー
■XMLエディタ
■整列
■ドキュメントプロパティ
■環境設定
■スナップのオンオフ（外形かくのに、必要と思う）

外形を描く

　左端のツールを使って、外形を描く。基板を発注するので100×100mmよりも小さく作る必要がある。サイズ目安のために100x100mmの四角とか作っとくといいかもしれない。

外形は重なっていても、くっつけるので問題ない。くっつけるには、パスを２つ以上選択して「パス＞統合」。

■環境設定から「振る舞い＞パスの簡略化のしきい値」を最小値にする。
外形を選択し「パス＞簡略化」をする。

正しい名称のレイヤーを追加

■レイヤーパネルを表示し、下記２つの、レイヤーを追加する。
レイヤー名「board」
位置「現在のレイヤーのサブレイヤー」
レイヤー名「silkscreen」
位置「現在のレイヤーのサブレイヤー」
レイヤーの順番は、silkscreenが上。

Layer1にある外形を、カットして、silkscreenレイヤとboardレイヤにそれぞれ貼り付ける。この時点では、ずれていて構わない。

外形の設定

■フィルストロークパネルを表示する。
silkscreenにある外形を選択し
「フィル＞塗りなし」
「ストロークの塗り＞RGB(255,255,255,100)」

「ストロークのスタイル＞0.2mm」または
「ストロークのスタイル＞0.008in」

boardレイヤの外形を選択し、
「フィル＞緑RGB(0,128,0,100)」
「ストロークの塗り＞なし」

■整列パネルを開き、
両レイヤの外形を選択し、垂直の中央揃えと、水平の中央揃えをする。

ページサイズの調整

■ドキュメントプロパティを開き
「ページサイズをコンテンツに合わせて変更」のボタンを押す。

Fritzingに適したXMLファイルの修正

■XMLエディタを開く
idをboardに変更する。

同様にidをsilkscreenにする。

idをboardoutlineに変更する。

プレーンsvgで保存

「ファイル＞名前を付けて保存＞プレーンSVGフォーマット」で保存

Fritzingで読み込み

正常に読み込めて、寸法があっているか確認する。

参考動画

参考公式サイト

hex.xml

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   width="40.230938mm"
   height="34.841015mm"
   viewBox="0 0 40.230938 34.841015"
   version="1.1"
   id="svg10136"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <defs
     id="defs10133" />
  <g
     id="layer1"
     transform="translate(-42.943226,-34.796321)">
    <g
       id="board"
       style="display:inline">
      <path
         style="fill:#00ff00;stroke-width:0.264583"
         d="m 77.113845,73.46666 -25.871231,-10e-7 -12.935615,-22.405144 12.935617,-22.405143 25.871231,10e-7 12.935614,22.405144 z"
         transform="matrix(0.77305945,0,0,0.77305945,13.445109,12.743243)"
         id="boardoutline" />
    </g>
    <g
       style="display:inline"
       id="silkscreen">
      <path
         style="fill:none;stroke:#fffffe;stroke-width:0.258712;stroke-dasharray:none;stroke-opacity:1"
         id="path10142"
         d="m 77.113845,73.46666 -25.871231,-10e-7 -12.935615,-22.405144 12.935617,-22.405143 25.871231,10e-7 12.935614,22.405144 z"
         transform="matrix(0.77305946,0,0,0.77305946,13.445108,12.743242)" />
    </g>
  </g>
</svg>