Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

这篇文章将从零开始，使用 Canvas 开发一款声控跳跃游戏，不会使用任何框架，全都是很好理解的基础代码，没有其他学习成本。

前言 大家好！ 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何实现事件系统， 然后呢？ 我自己其实也对这个比较感兴趣， 我看过很多canvas 实现的项目， 比如canvas 实现思维

一.知识准备 1.动画 动画——我们的眼睛具有“视觉暂留”的特性，当我们看到一幅画或一个物体后，在0.34秒内不会消失，当我们在0.34秒内切换画时，就会有一种流畅地动画效果，整个画面看起来像是在动的

笔者最近一直在研究 前端可视化 和 搭建化 的技术, 最近也遇到一个非常有意思的课题, 就是基于设计稿自动提取图片信息, 来智能化出码. 当然本文并不会介绍很多晦涩难懂的技术概念, 我会从几个实际应用

思路 熊猫头表情包固定的宽高，储存熊猫头高度 次要内容，标题、时间、天气，此处也需要记录高度以及间距(这些内容可以控制显示) 随机的文案 可以生成图片，canvas直接渲染会变成一行，所以需要根据每行

前言 之前我出了一个如何在网页里使用原生JS开发放烟花效果的教程。 竟然有一个前端小阿姨问我，如果想要烟花放出来是文字的话怎么实现，她要给男朋友做一个。 好家伙，这狗粮洒一地呀 那狗粮不能我一个人吃，

Hello, 很高兴你看见阿隆的第一篇文章。做前端有一段时间了，最近打算整理一下所学的可视化知识，感兴趣的朋友可以看一下。 本期将介绍canvas的用法,通过canvas来实现一个表情。以下就是早上摸鱼撸出来的表情了，让我们开始吧。 canvas是HTML5新增的一个标签元素，…

最近微信更新了8.0，其中之一最好玩的莫过于表情包的更新了，大家都在群里纷纷玩起了表情包大战。 作为一个前端程序员，这就勾起了我的好奇心，虽然我从来没有实现过这样的动画，但是我还是忍不住想要去实现，最终我花了2天时间去看一些库的源码到我自己实现一个类似的效果，在这里我总结一下，…