Skip to content

Instantly share code, notes, and snippets.

@y-yu
Last active December 19, 2015 18:19
Show Gist options
  • Select an option

  • Save y-yu/5998002 to your computer and use it in GitHub Desktop.

Select an option

Save y-yu/5998002 to your computer and use it in GitHub Desktop.
情報特別演習 中間報告

XMLによる画像生成エンジンの制作

XMLによって記述された画像には SVG があるが、 SVGはラスタ画像と同等の表現力を得ようとしてあるので、 あまりにも冗長としたものになってしまっている。

そこで、少し表現力を落とす代りにシンプルなXMLで図を生成出来るようなエンジンの開発を目指す。

概要

エンジンには JavaScript を用いて、図の描画にはJavaScriptの機能であるCanvasを用いる。 表記は TeX で用いられているMetaPostTikZを参考に命令を用意する予定。

次のようなXMLを与えると、

<pair>
	<var>
		<name>z0</name>
		<x>0</x>
		<y>1</x>
	</var>
	<var name="z1" x="0" y="0"></var>
	<var name="z2" x="1" y="y"></var>

	<draw>
		<z0></z0>
		<z1></z1>
		<z2></z2>
		<z0></z0>
	</draw>
</pair>

このような画像が表示される。

画像

今後

次のような流れで開発を行うつもり。

  • JavaScriptのCanvasの使い方を調べる
  • XMLの仕様を決める
  • エンジンの具体的な実装
  • エディタの開発
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment