基于 fabric.js 和 clipper.js 实现图形合并、相交、排除相交、排除顶层功能（基于路径去做图形的布尔运算）

2025 年了，我不允许有前端不会用 Trae 让页面 Hero Section 变得高级！！！(Threejs) HeroSection 专栏再度来袭！！！

fabric.js是一个canvas库，今天整理了一下fabric.js可以实现的功能，用动图的形式分享给大家，方便快速了解fabric.js

今天我就和大家分享一个非常好用的库，一个专门用于在Canvas上实现球体碰撞和球体交互场景的库--sphere-collision，通过简单配置便可快速实现碰撞效果，而且还提供了钩子函数，扩展性极强。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

模糊在 canvas 中应该算是个经典问题了，相信大家也曾经看过很多相关文章，但总是记不住，为此我画了几张高清图来加深理解。

这是我在学习数据可视化时做的笔记，这一系列的文章主要涉及的是数据可视化在前端的技术，包括 HTML、CSS、JavaScript，其中主要使用 SVG 和 D3.js 框架。

绘制出数万条节点、边的拓扑图 针对拓扑图的需求一般要求都是数量级别能支持越多越好，但是由于浏览器性能问题，一般再没做啥优化，能支持到5000点差不多也就是极限了。那么接下来就一步一步聊聊我是怎么能支持

SVG指的是利用XML格式定义的图像，可以当做html标签被嵌入到网页中呈现某一种效果。 在vue项目中引入svg，虽然可以像网页一样把一大段代码拷贝进去，但是对于模块化开发来说却显得很臃肿，于是svg提供了use标签，这样可以把svg源码放在静态目录下，然后通过use标签来引…