[FR] The thickness of the Edge can be adjusted, and the shape of the Edge can be controlled

[JingofXin]

This plugin is great! The native Obsidian has a problem that is not very friendly: when the Node or group is very large (or the positions of the two Nodes are not suitable), the Edge line will not only look very thin, but also look ugly. I hope this plugin can make up for this shortcoming. Specifically, there are more settings for Edge:

1. The thickness of the Edge can be adjusted. I hope to give some pre-made thickness options, or set the thickness by numbers.
2. the shape of the Edge can be controlled. I hope to add control points or Bezier curves to control the shape of the Edge.

[Developer-Mike]

1. To fix this issue, you can easily add a new style attribute (Tutorial). The css would look something like this:

   .canvas-edges .canvas-display-path[data-<PROPERTY-NAME>="<VALUE>"] {
   /* 24px is the default value */
   stroke-width: calc(24px * var(--zoom-multiplier));
   }

2. Edge path anchors are a planned feature. But it will take some time before it gets released. (Here is the branch)

[JingofXin]

Thanks a lot, but I have a problem. I followed the example setup, but the color background doesn't take effect.

• datajson:

• snippets:

  .canvas-node[data-datasetKey="rainy"] {
  background-color: #df3535;
  }

  and I enable the snippet in vault:

result: the color background doesn't take effect

[Developer-Mike]

You need to change the data-datasetKey in your CSS with data-example-style-attribute

[JingofXin]

You need to change the data-datasetKey in your CSS with data-example-style-attribute

Thanks, it works