canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…

不管你是做技术、BI 或是科研，都或多或少接触过“数据可视化”，或者在狭义范围来说便是各类图表。如果总结归纳一下，各种图表库按照表达性和速度的差异主要分为三类： 第一类是可视化分析工具如 Tableau、Excel、google sheets 等，你只需要简单的交互操作，比如选…

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好

这是3D WebGL入门的系列文章的第一部分。如果你没有看过其他部分，请务必要看一看。

提起矩阵，很容易让人想起我们曾经学不会的线性代数和离散数学，但是作为图形开发中的核心部分，它代表着每一次的运动和变换，就像鱼不能脱离水一样，矩阵并不是一个可以避之不谈的话题。 好消息是，Three.js帮助我们把许多矩阵运算封装成了一些顶层的方法，并提供了一个优秀的数学库，我们…

在前端领域我们可以通过四种方式来绘制图形，包括 HTML+CSS、SVG、Canvas2d 还有 WebGL，其中 WebGL 属于非常少用的一种绘图方式，尽管如此，其却有着无可替代的位置。接下来，让我们从这四种绘图方式开始，来了解下 WebGL 吧。 HTML+CSS 是最常…

以前做过两年多的canvas图形方向的程序员，但是已经很久没有使用过相关的知识忘记了不少，趁我还有印象特此做一下记录。 如果你有兴趣做个独立开发者，开发一些小游戏，只学习一些api和框架是没用的，图形类知识才是核心，未来我会不定期更新相关图形类内容。 在游戏领域中，我们经常会遇…

Three.js 现学现卖

我们知道SVG是在画画，那么stroke属性系列就是画笔。 官方文档给出的解释是：The stroke-dasharray property controls the pattern of dashes and gaps used to form the shape of a …