图片处理现在已经成为了我们生活中的刚需，想必大家也经常有这方面的需求。实际前端业务中，也经常会有很多的项目需要用到图片加工和处理。由于过去一段时间公司的业务需求，让我在这方面积累了一些干货，趁着年后这段时间总结成一系列文章与大家分享，希望能对各位努力中的前端童鞋带来启发和帮助~…

写在最前 记得以前在人人上看到一个分享，讲解基于 js 的截图方案，详细的不记得了，只记得还挺有意思的貌似用了 canvas？所以这次打算自己写一个分享给大家作者的思路。这只是一个很简陋的小 demo 如有 bug 请提 issues。按照惯例 po 代码地址；以及作者博客的 github 仓库，不定…

日常开发过程中，时不时会遇到要同时预加载几张图片，并且等都加载完再干活的情况，结合 Promise 和 async/await 代码会优雅很多，但也容易遇到坑，今天就来简单聊聊。 先从最基本的 ES5 说起，基本思路就是做一个计数器，每次 image 触发 onload 就加一…

前端性能优化，不止于前端。

本人是一名前端开发者，在公司负责目前负责信息流服务，为五大手机厂商和各大App提供服务，每天的请求就是以亿计算，加上我们又做了SSP和DSP，就是类似于百度广告联盟，腾讯广点通这种。接触过的应该知道，所以前端优化一直是我头痛的问题，不仅要注重用户体验，同时要兼顾收益，有时候必须…

开发前端也有几年了，一直很忙，课下看书，或者做一些笔记，看看别人的见解，也会做一些笔记记录，有时间就来刷刷掘金，逛逛技术网站，尴尬的事情是自己没有认真的总结过一些笔记和知识点，发出来大家共同学习，最近也才开始做一些markdown，后续我会抽时间继续做这件事，有什么不对的知识点，…

上篇文章，我们介绍了图片的裁剪/旋转与缩放，接下来本文主要介绍 图片的合成 ，这是基础类图片处理中比较实用且复杂的一部分，可以算第一篇文章内容的实践。 图片的合成原理其实类似于photoshop的理念，通过 图层的叠加 ，最后合成并导出，相比于裁剪和缩放，其实基本原理是一致的，…