ObsidianのCanvas機能
https://gyazo.com/1ed524e86e20bb68584004a5bb8cab0c
普通にテキストを書いたり、リンクを書いたりできる。
https://gyazo.com/532a996eb9b675a407bc55a313e59726
普通のテキスト
他のページ
別のcanvas
など置ける
要素を線でつなぐこともできる
データは.canvasという拡張子で保存される。
おそらくjson形式
Your Canvas files are stored locally using an open-source JSON file format that we built to interoperate with other tools. Apps, scripts, and plugins can easily enhance Canvas by adding or modifying cards and connections.
code:canvas.json
{
"nodes":[
{"id":"f841eaa747ca8d0b","x":-425,"y":-194,"width":250,"height":72,"type":"text","text":"2022-12-21"},
{"id":"2fc922fa6ef2f76c","x":-90,"y":-194,"width":250,"height":60,"type":"text","text":"ワークベンチとしてのテキストエディタには何があればいいか?"}
],
"edges":[]
}
試しにこのファイルを上書き(widthを大きくする)してみたが、きちんとObsidianの表示に反映されていた。
カードとカードをつなぐ線を入れてみた
code:canvas.json
{
"nodes":[
{"id":"f841eaa747ca8d0b","x":-425,"y":-194,"width":250,"height":72,"type":"text","text":"2022-12-21"},
{"id":"2fc922fa6ef2f76c","x":-90,"y":-194,"width":550,"height":60,"type":"text","text":"ワークベンチとしてのテキストエディタには何があればいいか?"}
],
"edges":[
{"id":"3657552559f8d24d","fromNode":"2fc922fa6ef2f76c","fromSide":"left","toNode":"f841eaa747ca8d0b","toSide":"right"}
]
}
線はedgesの方で管理される。
これもnodeのidさえわかれば、自分で書くことができるくらいシンプルなものになっている