其实在很早之前，我就有分享过 TresJS 这个库。 但当时的它功能相对单一，支持面也有限，很多想法只能**“浅尝辄止”**，因此关注的人并不算多。 然而，就在前几天，TresJS v5.0 正式发布

在之前，我们有些过这么一篇文章 - 使用 CSS 轻松实现高频出现的各类奇形怪状按钮。 里面包含了如下这些图形： 你可以在这里看到：CodePen Demo -- CSS Various Button

原生Html实现扇形旋转切换效果（等级切换转盘）；实现动态扇形旋转切换效果，切换进度支持渐变效果展示；

作为一名前端，经常使用网易音乐听歌的人，看到网易左右滑动即可切换页面的效果真的有点好奇。所以就去git找了点资料学习了一下。

效果 优点 避免了 el-form-item 规则提示信息过长换行显示不全问题 聚焦直接显示规则状态变化，得以及时提醒用户输入 输入过程中，直观感受到所有规则以及校验情况 失焦隐藏提示，样式仍存在提示

需求背景 前几天，甲方提了个需求，想让下面的数据循环展示，准备放在他们集团首页给他们领导演示用。 我们领导很重视这个事儿，拍了拍我，语重心长的说，小伙子，好好做。 我啪的一下就兴奋了，老板居然如此器重

通过 ECharts 的 brush 和 dataZoom 组件结合使用，实现在图表中使用鼠标任意进行刷选、框选区域选择，并实现定向缩放的功能。

事情是这样的，前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。 简单看了看，就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。 唰！很快啊加了一会班

首先我们需要知道流程图需要哪些东西。页面主要分为物料区域、画布区域、操作栏。最终的产物就是在画布上绘制一些图形。 所以我们的问题变成如何在画布上绘制出矩形、菱形、直线。这个时候就是 Svg 出场的