在下骑大喵

「呦呦有声」针对删除线标记修改的痛点，开发独有的原文对比功能。基于 diff 算法识别增减内容，通过 Tiptap 装饰器高亮展示，搭配分屏同步滚动，让修改直观呈现，不破坏文本结构，提升创作效率。

在呦呦有声平台上，我们通过创新的拼音标注方案，解决了内容创作领域的实际痛点。这套基于Tiptap的技术方案不仅提升了用户体验，也确保了内容结算的公平性。

有些无心插柳柳成荫的偶然，就像夏天某个夜晚乍起的清风，让你尚未意识到闷热，便沐浴到一阵清凉，猝不及防又豁然开朗，我不知道该如何表达这份不期而遇+，只能将其归结为巧了。

在窥探了vector-effect完全体的能力之后，对这些命运多舛却彪悍如斯的属性，突然多了很多期待，试想一下，若有一天，天下大赦，它们得以含冤昭雪，真到了那时前端世界又会是怎样一番光怪陆离的景象呢？

transform作为CSS世界中最重要的属性之一，它的出现让原本枯燥单调的HTML变得生动了起来。 那片瑰丽的前端世界，既然CSS transform可往，SVG transform亦可往。

<text>在SVG中是一个很特殊的标签，首先它有自己专属的子元素<tspan>和<textPath>，这是什么概念呢？ SVG中能有自己专属的子标签的，<text>可以说是独一份了。

很早之前做过一个项目，是用SVG去实现节点之间的关系，并且连线上要有箭头表示数据的走向，当时对于箭头的坐标计算着实费了一番功夫。

要搞懂SVG，那么stroke和fill这两种把SVG压的死死的绘制形式是绕不开的话题，之前聊过了stroke，今天就趁热打铁把fill也一并给扒一扒。

对于SVG来讲，呈现方式无非只有两种，stroke（描边） 和 fill（填充），无论是用颜色还是图案来描边或填充，都只能被这仅有的两种形式压的死死的。