箭头插件

[linonetwo]

https://mp.weixin.qq.com/s/Cp9IxcNHHTETo7Bxqk5gmw

一、效果实现图

Draw arrows across different parts of your notes, similar to on paper 

二、用法

01

Drawing arrows 绘制普通箭头

•   键入 {arrow-identifier|color} 以标记箭头的开头

例如 {my-arrow|#1e90ff}

•   然后，在其他地方键入 {arrow-identifier}

以标记箭头的末尾；在本例中， {my-arrow}

•   然后将沿着边距从起始标识符到结束标识符绘制一个箭头。

Lorem ipsum dolor sit amet, consectetur {my-arrow|#1e90ff} adipiscing elit. Tempus tortor ac, commodo purus.
Morbi et lacus suscipit, dignissim purus at, dapibus augue. {my-arrow} Aliquam non lectus varius.

02

Diagonal arrows 对角线箭头

  要创建对角线箭头，请将  |diagonal 附加到箭头的起始标识符，例如 {my-arrow|#ff5555|diagonal}

此箭头将穿越文本，而 01 普通箭头会从旁边绕过

Lorem ipsum dolor sit amet, consectetur {my-arrow2|#ff5555|diagonal} adipiscing elit. Tempus tortor ac, commodo purus.
Morbi et lacus suscipit, dignissim purus at, dapibus {my-arrow2} augue. Aliquam non lectus varius.

03

Multi-arrows 多箭头

  可以有多个结束标识符对应于单个开始标识符。将为每个目标绘制一个箭头

Lorem ipsum dolor sit amet, {multi-arrow|limegreen} consectetur adipiscing elit.
Morbi et lacus suscipit, dignissim purus at, dapibus augue. Aliquam non lectus varius, tempus tortor ac, commodo purus. {multi-arrow}
Pellentesque posuere ex non facilisis bibendum. Integer iaculis dolor dignissim, ultrices ligula eu, malesuada metus. {multi-arrow}

04

Adjusting margin arrows 调整箭头边距

  可通过将 |x-pos 附加到开始标识符来调整边距箭头的 x 位置，其中 x-pos 是介于 0 和 30 之间的数字，例如 {my-arrow|blue|20}

此图中橙、绿、蓝分别设置的 pos 为无设置、10、20

Lorem ipsum dolor sit amet, {first|dodgerblue|20} consectetur adipiscing elit. {second|limegreen|10}
Morbi et lacus suscipit, dignissim purus at, dapibus augue. {third|tomato} Aliquam non lectus varius, tempus tortor ac, commodo purus.
Pellentesque posuere {third} ex non facilisis bibendum. {second}Integer iaculis dolor dignissim, ultrices ligula eu, malesuada metus. {first}

05

无头线以及双头线

  通过将 |arrow 附加到开始标识符，将箭头添加到箭头的开头，即增加一个头。

  通过将 |no-arrow 追加到结束标识符来删除箭头末尾的箭头，即减少一个头。

Lorem ipsum dolor sit amet, {double-arrow|#3d6eff|arrow} consectetur adipiscing elit.
Morbi et lacus suscipit, {double-arrow} dignissim purus at, dapibus augue. {line|#9d6efa} Aliquam non lectus varius, tempus tortor ac, commodo purus.
Pellentesque posuere ex non facilisis bibendum. {line|no-arrow}

06

Navigating 在箭头之间导航

  可以单击任何箭头标识符 ● 以自动滚动到下一个匹配的标识符。这使您可以在长文档中的箭头开始 / 结束位置之间快速导航。

07

arrow syntax 完整箭头语法

{arrow-identifier|color|opacity|type|x-position|arrowhead} 表示箭头的起点，其中：

1.     arrow-identifier 是充当箭头标识符的字符串

2. color 是 CSS 表示法中的任何有效颜色，例如 red ，#ff0000

3. opacity （可选）是介于 0 和 1 之间的浮点数，例如 0.6 . 默认值为 1

4. x-position（可选）是介于 0 和 30 之间的整数。设置边距箭头的 x 位置。默认值为 0

5. arrowhead（可选）为 “ ” 或 no-arrow 、arrow。使用 arrow 将箭头添加到箭头的起点。默认为 no-arrow

6. {arrow-identifier} 表示箭头的末端，改为 {arrow-identifier|no-arrow}` 以从箭头末尾删除箭头