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

D3.js入门教程 本教程的目的在于提供一个简单易懂的入门教程。 D3.js简介 D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，

设计师经常会在他们的设计中添加一些随意元素，这是一种很棒的设计技巧。但是对于前端实现来说，这类设计元素的还原大多数情况会让我们感到无能为力，因为基础 Api 提供的都是规律的几何形状（圆，矩形等...），常常最后，这些效果都只好妥协使用切图还原，我们不能做更多优化，更不能通过增…

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

只要理解了 WebGL 背后的概念，学习 WebGL 并没有那么难。很多 WebGL 入门文章并没有介绍这些重要的概念，直接使用 WebGL 复杂的 API 开始渲染图形，很轻松就把入坑文变成了劝退文

接下来，我会把纯前端实现生成海报全流程给大家讲个明明白白，把我自己遇到的坑，给大家详细分享并讲解，防止大家遇到相似问题，即使遇到问题，也会有一个明确的方向，并且吐血建议大家收藏一波，以备不时之需。(你不能保证以后的需求，没有类似的吧，有的话，记得翻出来看看) 长路漫漫，总得有人…

大家好，这里是 CSS 魔法使——alphardex。 做好离屏渲染的准备工作后，可以开始本文的重点——着色器了。 Long may the sunshine.

LogicFlow 是专注于业务流程图可视化的前端框架（以下简称 LF），在这之前我们分别介绍了 LF 的整体设计和扩展机制，今天我们来聊一聊流程图中比较核心的一个概念 —— 边（Edge）。 首先，流程图中的元素主要由节点和边组成，边在 LF 中承担的角色是建立节点之间的关系…

在小米出mi 11的时候，就注意到小米商城app下有360全景体验手机的功能，第一次打开的时候给我的感觉是很震撼，震撼的不是模型，而是看到它的炫彩后盖能够渲染的那么真，感觉和真机是一模一样的，然后我就自己下载了手机模型，自己去做材质，发现怎么都实现不了这种炫彩材质，兴趣一下就没…