前言 作为一名前端，在工作中会遇到很多二进制处理的问题。比如文件的上传、下载，都离不开对（File、Blob）数据的处理，但是大部分人对于这些都没有一个清晰的认识。 本篇文章总结了浏览器端的二进制以及

一、基本思路 1.播放音频 2.在音频播放的时候拿到实时数据 3.在Canvas上按一定规则画出 二、代码实现 html css index.js

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程

❤️ 简单来说，p5.js 能让“切图仔”更容易做出具有艺术感的作品（很能整活）。本文会用光的速度带你入门P5.js

我们将要实现的功能：实现签名,设置画笔的粗细，撤回上一步，重置整个画布，保存生成图片，生成file文件发送给后端 我们要实现签名：

面对网页性能要求越来越高的今天，项目性能优化已经成了项目开发中必不可少的一个环节。尤其是现在越来越火🔥的在线教育、在线编辑、直播、游戏等类型的项目中Canvas和WebGL的运用越来越多。

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

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js