CANVAS

知乎网页上屏幕截图功能的实现

介绍了知乎和 google keep 所提供的屏幕截图反馈功能，以及网页中用 js 截图的实现办法

Canvas 基础系列（零）之大转盘九宫格刮刮卡抽奖插件封装

前面的几期内容详细讲解了几种抽奖模式的实现方法： 刮刮卡 大转盘 九宫格 本期并不是枯燥乏味的教学贴。 相反，本期我们不教造轮子，我们教如果使用工具��。 笔主将前面几期内容归纳总结，使用面向对象的方式重构了代码，写了一个简单实用的小插件。现在读者只需要简单的配置，就可以实现上…

particleground 源码阅读笔记 | 轻量级 canvas 粒子插件

一款轻量级粒子背景插件的源码阅读笔记

基于 HT for Web 的 Web SCADA 工控移动应用

在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年，早先年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案，在 HTML5 流行前 VML 和 SVG 算是真正纯种 Web 方案也是有不少应用，近些年随着 HTML5 的流行，加上移动终端对 HTML5 支持的普及，越来越多新项目开始采用真正纯 HTML5 的方案，更具体的说大数据量应用性能高于 SVG 的 Canvas 方案，已经逐渐成为当今 Web SCADA 前端技术的首选标配方案。

Canvas 学习：Canvas 里的坐标系统

在深入学习之前，我们有必要先了解 Canvas 里的坐标系统。

超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等

尤雨溪个人主页炫彩三角纽带效果、
知乎登录注册页动态离子背景效果、
基于 canvas 的《五子棋》完整功能实现、
基于 canvas 的《是男人就下100层》完整功能实现、
基于 canvas 的《坦克大战》完整功能实现 等等等

知乎登录页 - 粒子运动效果

发现知乎的登录页好好看，于是就写了一下。并提供了 VUE，REACT，INFERNO 多个 DEMO。

使用 Vue.js 和 Chart.js 制作绚丽多彩的图表

本文作者：Jakub Juszczak 编译：胡子大哈 翻译原文：http://huziketang.com/blog/posts/detail?postId=58e5e0e1a58c240ae35bb8e0 英文连接：Creating stunning charts with…

手把手教你撸一个泡妞神奇

用 canvas 做的一个漫天星空，星星变成字，自己把自己感动的表白页面

Canvas 生成科赫雪花（曲线）

Canvas 生成科赫雪花（曲线）

前端 贝塞尔曲线 相关知识

前端 贝塞尔曲线 相关知识的汇总和深入研究，如果大家有更好的相关知识，欢迎留言讨论，如果有不错的例子 请留下地址，我们一起深入研究

HTML5 的绘图技巧盘点

本文将会学习如何使用 Canvas 和 SVG 实现绘图功能。

蚂蚁金服开源 AntV - 数据驱动的高交互可视化图形语法 G2

AntV 是蚂蚁金服全新一代数据可视化解决方案，主要包含「数据驱动的高交互可视化图形语法」G2、专注解决流程与关系分析的图表库 G6、适于对性能、体积、扩展性要求严苛场景下使用的移动端图表库 F2 以及一套完整的图表使用指引和可视化设计规范

ECharts 水球图教程

水球图是一种适合于展现单个百分比数据的图表类型，ECharts 的水球图插件使你能够通过非常简单的配置，实现酷炫的数据展示效果。那么，今天我们就一起来学习一下，如何使用 ECharts 水球图。

H5游戏开发：一笔画

H5游戏开发：一笔画

D3 力导向图和 WebGL 的整合使用

D3 是目前最流行的数据可视化库，WebGL 是目前 Web 端最快的绘制技术。由于性能问题的局限，将两者结合的尝试越来越多（如），本文将尝试用 D3 的力导向图 和 Three.js 和 PixiJS 结合。全文阅读完大概 5 分钟。

(国人开源)轻量级, 插件式设计的二三维一体化前端JavaScript地图引擎库

我是这个库的主要作者, 请大家多多指教

canvas 基础系列（三）之实现九宫格抽奖

上一章讲解了如何使用 canvas 实现大转盘抽奖点击回顾；但有些地方并没有讲清楚，比如上一章实现的大转盘，奖品选项只能填文字，而不能放图片上去。 这一次，我们用 canvas 来实现九宫格抽奖（我已沉迷抽奖无法自拔~），顺便将渲染图片功能也给大家过一遍。 本章涉及到的知识点，…

html5 canvas 实现高并发视频弹幕功能

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入

Canvas 的 像素大小 和 展示大小

Canvas 拥有两种大小，分别表示了像素的多少和元素展示出来的大小

一个少女心满满的例子带你入门 Canvas

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