如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

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

今天，我们给大家介绍图分析与图可视化，机遇与挑战篇。在前端领域，可视化是一个鲜有人问津的一个领域，加上Graph图的概念，可能了解的人就更少了。今天我们将以一条 Gartner 技术曲线入手，站在行业的高度，介绍Graph Analysis 这个新兴技术，然后我们具体到图的概念…

前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，…

GitDataV，是一个github“大数据可视化平台”，通过它你可以更直观的看到你在github里的一些数据，（之所以打双引号，是因为我觉得这个还没到大数据可视化的程度）。其实我在 上篇文章 分享的时候已经提到了这个想法，通过github提供的接口，做一个自己的“大数据分析页…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

这篇是学习和回顾canvas系列笔记的第四篇，完整笔记详见：canvas核心技术。 在前面几篇中，我们回顾了在canvas中绘制线段，图形，图片等基本功能，当在制作2d游戏或者更为丰富的图表库时，必须提供强大的动画功能。canvas本身不提供像css中animation属性专门…

今年的11月初，我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发，特以此文记录开发过程中的关键环节。 展示页分为三大模块：数据展示、动态展示和地图展示。效果如下： 此模块展示我们公司至今为止的各项数据，通过异步请求…

在前端开发中不论CSS3也好，SVG也好，还是Canvas，无论多复杂的图形，都是由一个个点组成的。一个元素渲染后就可以得到一张位图，然后对这个位图上每一点进行变换，就可以得到新的一张位图，从而产生了视觉上的平移translate、旋转rotate、缩放scale、拉伸skew…