需求背景：vue3项目点击下载按钮，下载文件，使用页面添加a标签方式会导致不是下载而是打开文件（图片/pdf）使用了直接动态添加a标签的方法，还是会打开预览 {代码...} 解决 ： {代码...}

刚开始接触jest， 原理api啥的网上一堆，仅自己写项目记录下，有问题可以留言一起学习emit事件页面： {代码...} jest： {代码...} 事件总线 eventBus页面： {代码...} jest: {代码...} 路由跳转router + window api页面: {代码...} jest: {代码...}

思路：使用transform和translate 去旋转页面，这样就能满足样式的需求，看着是没啥问题，但是当在canvas上绘画的时候，就会看到，我写的是一横，展示的确是一竖原因：页面是旋转了，但是坐标系统没有改变

如图：canvas和按钮之间有缝隙解决： 给canvas画布添加 display: block 即可