diass --- ファインマン図作成支援

1 2 3 4 5 (x100) 1 2 3
頂点 X: Y: 半径:
波数: 波高:倍

楕円 X半径: Y半径: 中心X: 中心Y:

直線 始点X: 始点Y: 終点X: 終点Y:

線種

仮想 ViewBox X: Y: 幅: 高:

テンプレート集

以下は diass で生成したコードをブログ等で使用する際のノウハウ・注意点です。
青文字は適宜修正してください。

SVG タグの使用例

<div style="overflow-x:auto">
<svg width="400" height="200" viewBox="50 0 400 200">
	この行を SVG コード群に置き換えてください
</svg>
</div>

フェルミオンを表示させる時は下記コードを挿入してください。

<defs>
	<marker id="arwHead" markerUnits="userSpaceOnUse" markerWidth="14" markerHeight="10" viewBox="0 0 14 10" refX="6" refY="5" orient="auto">
		<polygon points="0,0 14,5 0,10" fill="#666" />
	</marker>
</defs>

MathJax を使用する時の構成

<div style="overflow-x:auto; position:relative">
<svg width="400" height="200" viewBox="50 0 400 200">
	この行を SVG コード群に置き換えてください
</svg>
	この行をMathJax コード群に置き換えてください
</div>

MathJax の位置指定

<div style="position:absolute; left:110px; top:80px; color:#666">\(MathJax-code\)</div>

文字列の表示

<text x="20" y="0">文字列</text>

SVG Tips

青文字は適宜修正してください。

平行移動

<g transform="translate(30,30)" stroke="#666" stroke-width="2">
	この行を図形のコード群に置き換えてください
</g>

回転移動

<g transform="rotate(30,100,100)" stroke="#666" stroke-width="2">
	この行を図形のコード群に置き換えてください
</g>

別の移動方法 (translate() と rotate() は後ろから順に実行されます。)

<ここに図形のコードを置いてください transform="translate(50,30),rotate(45)" />

楕円

<ellipse cx="120" cy="140" rx="50" ry="30" stroke="#666" stroke-width="1" fill="none" />