図面の表し方（ロゴの例）

卒業論文、修士論文、博士論文、学術論文、特許明細書などでは、図面、図表、図形の表現が併用されます。グラフ、回路図、フローチャート、写真、イラスト（ロゴ、アイコン、アバター）、地図などがあります。 3Dも図面です。数式、化学式、反応式などの式も図面として、本文とは別に扱われます。

学術的な性質を有する図面、図表、図形、音楽、講演、映画、写真、建築、プログラムは、著作権法に定められた著作物です。引用する場合は、慣例に従い、転載する場合は、転載許諾をとりましょう。法令順守は研究倫理です。

表 1 . ベクター・グラフィックスとしての canvas と svg

項目	canvas	svg

画像としてダウンロード	JavaScriptで、ビットマップに描画するので、 png形式で可。	xmlの記述をブラウザがレンダリングするので不可。
クローラ／読み上げ	クローラには何が書いてあるかわらない。 Google Lensなら少しわかるかも。	xmlの記述なので、マシンリーダブル。読み上げも可能かも。

SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、JPEGやPNGのような画像(ビットマップデータ)ではなくベクターデータです。独立したファイルとしてイメージタグで参照することもできます。

svg形式をhtmlに直接記述した場合

図 1 . svg 形式をhtmlに直接記述した山形大学のロゴ

山形大学のスクールカラーときわ色（プロセスカラー3色を使用し，C(シアン)＝100％，M(マゼンタ)＝60％及びY(イエロー)＝70％を割合とする色）です。#00664dになります。 http://www.colordic.org/ #00664d

この場合、svg の中でimgをロードすることもできます。 htmlが長くなって、メンテナンス性が悪くなるので、aspならサーバーサイドでincにまとめる方がいいかもしれません。

図 2 . canvas

canvas を使った描画では、svgと違って、d文字列を使った描画はなさそうです。これは、 canvas が動的な描画することを目的としており、 svgが図形の静的な記述を目的としていることによると思われます。

というわけで、svgをcanvasに移植するには、d文字列をcanvasAPIに移植する必要があり、結構大変です。

jpegに変換する際に、色情報の圧縮によりときわ色が色あせることがあります。

pngに変換する際に、色情報の圧縮によりときわ色が色あせることがあります。

図 4 . svg形式のファイルをimgタグで参照した場合

この場合、svgの中でimgをロードすることはできません。あくまでsvg完結です。ビットマップに変換されたあとにほかの要素がレンダリングされるので、リンクを張ることもできません。

svg形式を画像として保存することができます。クリップボードを経由して、画像として貼り付けることもできます。

図 5 . svg形式をembedタグで参照した場合

この場合、svg の中でimgをロードすることはできません。あくまでsvg完結です。リンクを張る場合は、xlink:を指定しなければなりません。

図 wmf形式をimgタグ参照した場合

Microsoft系のブラウザでないと表示されませんね。

図 emf形式をimgタグ参照した場合

Microsoft系のブラウザでないと表示されませんね。