点进来就学如何用canvas绘制流动折线路径，流动小球折线路径，流动小球贝塞尔曲线。以及编辑路径，封装成vue3组件

本篇以为作者个人视角分析一下three.js 在实际项目开发过程中遇到的性能问题以及解决方案已经在实际开发中总结出的一下three.js 实用小技巧

🧑‍💻 写在开头 点赞 + 收藏 = 支持原创 🤣🤣🤣 上一篇文章我们聊了 数据层与渲染层的绑定机制，今天继续推进 —— 把视角放到事件层。 你会看到一个清晰的五层架构设计，从 DOM 原生事件到业务

前言 之前在证券行业，接触过移动端K线图的需求； H5 K线图，需支持无限左右滑动，支持样式自定义； 纯canvas制作，不借助任何第三方图表库。 一、先看最终的效果 1、GIF动图如下 2、支持样式

着色器代码解析 提供的 GLSL 着色器代码通过光线行进算法（Ray Marching）生成一个动态的三维场景。以下是代码的核心功能概述： 1. 平滑联合（Smooth Union） opSmooth

Canvas 计算文字宽高，性能卓越，文章主要分享做开源思维导图时遇到棘手问题，总结下就是：多多尝试、担心什么就去验证什么，没准担心完全多余。

HTML5 Canvas 绘制一个高颜值、支持交互的事件流程图，展示从起飞到降落的完整飞行事件时间线，包含播放 / 暂停 / 重置动画控制功能。 大家复制代码时，可能会因格式转换出现错乱，导致样式失效