在官方的中文教程看到关于自定义关系图谱的内容,但不知道怎么实现,请问怎么具体操作?
关系图谱 - Obsidian 中文帮助 - Obsidian Publish
其中的这部分内容如何实现?
自定义外观
由于关系图谱是使用 <canvas>
和 WebGL 渲染的,因此自定义 CSS 无法改变图谱中节点和连线的外观。为了让你能自定义图谱外观,我们提供了一种将 CSS 转换为 WebGL 命令的方法。
调整图谱外观请使用以下 CSS 类:
.graph-view.color-fill
.graph-view.color-fill-tag (theme-dependent)
.graph-view.color-fill-attachment (theme-dependent)
.graph-view.color-arrow
.graph-view.color-circle
.graph-view.color-line
.graph-view.color-text
.graph-view.color-fill-highlight
.graph-view.color-line-highlight
.graph-view.color-fill-unresolved
需要注意,有些类是独立于基础颜色模式的。这意味着你需要在其前面添加 .theme-dark
或 .theme-light
,使其能够在不同颜色模式下使用。
支持的 CSS 语法:
.graph-view.color-class {
/* 支持所有 css 颜色指令,如 #HEX, rgb and rgba */
color: #FFF;
color: #FFFFFF;
color: rgb(0, 0, 0);
color: rgba(0, 0, 0, 1);
/* 透明度(类似于RGBA)将使颜色透明 */
opacity: 0.5;
}