阿文最开心

前言 前一段新冠阳性，居家隔离办公的时候，经常会遇到分享屏幕。但是当分享的时候，需要聚焦某一要素，简单的鼠标移动并不能让观看者很清晰直观的看到分享者的着重点。便简单开发了一款浏览器插件，显示鼠标轨迹

前言 在操作Svg的时候，想对其进行transform变形，但是当scale的时候，发现其stroke的粗细竟然会受scale的影响。然后网上查询，最终又在张鑫旭老师的网站找到了结果。这里只是简单学习

在地图开发过程中，业务组件挂在地图上面，一般直接将其定位挂载就行了。但是布局比较复杂，组件比较多，一般会将其在Laytou.vue中统一管理，一个在左侧一个在右侧，盖在地图上的时候，遮挡住了地图的操作

主要构思就是一个SVG。新建对象都在这个SVG中，鼠标移动绘制Path。 这里主要讨论一下，平移缩放画布后的位置计算。

利用三次贝塞尔曲线和三角函数，构造曲度控制点在曲线上的弯曲箭头。主要使用CS命令和在平面直角坐标系中计算点绕点逆时针旋转后的坐标位置

因为最近做一个创建Svg动画的Demo，需要一个时间轴展示编辑效果，所以用CSS简单实现了一下😆，主要就使用到了animation-play-state属性。

UnoCSS VueUse Unplugin-vue-components Vue-router Pinia Unplugin-vue-components Vue-router Pinia