Use Canvas in Obsidian
Arrange cards and label their connections

Double-click the blank space of Canvas and enter text. I did the same operation in another blank area and made two text cards. The saved full text is as follows.

# 観察カード

著者作成の短文を並べます。

# 次の確認

参照メモを開いて本文を確認します。

Next, drag 資料/参照メモ.md in the file list to Canvas. The third one is a file card that refers to the Markdown. In this saved data, two were type: text and one was type: file.

The height of the short sentence card is 60, and the full text is not displayed at once. There is a scroll bar in the image card, and the visible part is different. The full text is not judged only by the display on the card, and the text and saved contents are also checked.

1. Place the pointer on the right edge of the observation card and drag it from the circle that appears to the left edge of the next confirmation card.
2. Double-click the line you created.
3. Enter 本文を確認, then press Esc to finish editing the label.

The saved connection goes from the right side of the observation card to the left side of the next confirmation card, and the label is 本文を確認. The third reference memo does not connect lines in this example. In the image, you can also see the label between the two sheets and the body of the reference note.

I selected the reference note’s file card and dragged its interior to move it. On the first attempt, I grabbed its edge and accidentally resized it. After recording that state, I undid the change with Ctrl＋Z and dragged from inside the card again.

In the final saved data, only the coordinates of the file card changed from x=-32, y=61 to x=-160, y=-60, and the size, reference destination, and ID of 400×400 were the same. The meaning of the connection is the same as the other two texts.

This is a record of confirming an internal drag. It is not an operation that completely verifies the function of resizing. Coordinates are comparisons of stored contents, not values that indicate time required or efficiency.

I saved it with Ctrl＋S, opened another Markdown from the file list, and then returned to Untitled.canvas. We are checking the saved three cards, one connection, and label.

The original Canvas file remained 612 bytes with the same SHA256 after moving it, reopening it, and quitting the app. However, the Canvas viewport and the scroll position inside the text card changed. Matching saved files and an identical on-screen view are separate things to verify.

This time, I reopened it within the process of the same app. I have not tried to restore, another device, or synchronize after closing and restarting the entire app. Finally, the app/installer 1.13.7 was displayed in the General settings, and my app and display process ended normally.

The following two files are the same bytes as the original saved after the actual operation. Also keep the relative path of 資料/参照メモ.md referenced by Canvas. If you want to save it individually, adjust it to the following arrangement in the same storage.

Untitled.canvas
資料/
  参照メモ.md

Save two files together (ZIP)

The ZIP was newly packaged while preparing the article and preserves both files’ content and relative paths. We checked the extracted paths and SHA256 hashes against the originals. Importing on a reader’s device, use in another vault, and delivery from a public server were not tested.

{
	"nodes":[
		{"id":"3f4ab2bb724d8e0a","type":"text","text":"# 観察カード\n\n著者作成の短文を並べます。","x":-507,"y":-289,"width":250,"height":60},
		{"id":"e3670f8ddf28da4b","type":"text","text":"# 次の確認\n\n参照メモを開いて本文を確認します。","x":73,"y":-289,"width":250,"height":60},
		{"id":"678949267c596805","type":"file","file":"資料/参照メモ.md","x":-160,"y":-60,"width":400,"height":400}
	],
	"edges":[
		{"id":"ddb0f48d2fcb7657","fromNode":"3f4ab2bb724d8e0a","fromSide":"right","toNode":"e3670f8ddf28da4b","toSide":"left","label":"本文を確認"}
	]
}