在日常业务开发里，DOM 截图 几乎是刚需场景。 但问题来了——市面上的截图工具，比如 html2canvas，虽然用得多，却有一个致命缺陷：慢！

绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。

折腾了好久，我终于找到了解决办法。 既然vite有alias，那我在想，是否可以设置alias的图片路径，这样我在引用图片的时候，就不用写那么长的路径了。结果是不行的，用常规设置组件alias的办法来

前面陆陆续续写了几篇 高级 UI 系列文章 ，感觉还不错。因为工作内容原因作者对 UI 开发涉及的很少，所以打算写一点关于 UI 的文章，也算是给自己一个全面的复习。本篇文章还是 基本概念 + 实战来讲解。 SVG 的全称是 (Scalable Vector Graphics)…

SVG毕竟也是DOM中的一员，所以除了单纯的展示之外，挂点事件之类的操作也是分内之事，不过，SVG在实践交互的过程中，总是会出现一些奇奇怪怪的现象，今天我们就来聊聊关于SVG交互的那些事。

上一篇我们说到SVG发展史时就讲到了，早期的Web领域，擅长图形展示的SVG被擅长图文展示的CSS+DIV按在地上摩擦，直到近些年进入了视觉效果大内卷时代，SVG才渐渐有了我命由我不由CSS的底气。

首先，抛出一个小问题，前几篇的演示案例中，<svg>标签总会出现一个viewBox属性，那么它是什么呢？想要弄清楚这个属性，就必须要了解另一个概念viewPort。

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…

Maps are based on our physical world. We create maps using abstract shapes and colors to reveal geographic patterns and tell stories about …