注：下面实现项目效果主要是关于JavaScript方面的，下面仅仅是提供实现思路的代码，并非全部代码。 css代码可以根据个人习惯进行美化界面，所以这里就不写css的代码了，大家可以直接看项目代码或者从开发者工具中审查元素观看。如果有问题可以私聊我，我觉得问题不大。 首先，准备…

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其…

canvas 在图片上画图、点击canvas输入文字、撤销反撤销、文字大小、颜色，文字的加粗，图片旋转，保存更改以后的图片

起初在boss上看到一个面试官发题，利用canvas实现图片裁切，在学习过程中实现三个小功能，并在此基础上深入学习明白相关工具使用。

因为工作原因，现在有一个需求就是需要用户使用QQ或者微信复制一张截图后，在div中直接粘贴这张图片，而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的操作，这个要怎么用js来实现呢？ 我们可以利用 Clipboard 这个接口API 来实现。 根据在MDN上的定义，C…

1. 安装依赖 安装 3 个依赖: axios, jszip, file-saver 2.具体代码 如果文件过多或者过大，等待时间会很长，建议加个loding提示

在 Web 开发中，文件下载功能是一个非常常见的功能。在本文中，将介绍在 JavaScript 中如何实现下载文件。

此文算是对另一篇文章中，对视频进度高频控制的备选实现方案，感兴趣可以看看此文《苹果官网动效探索》，虽然最后没有采用这种方案来实现滚动控制视频进度，但是仍然想自己试试这种方案的实现，毕竟应用范围也挺广的

1、常用类型 1.1 交叉类型 交叉类型就是通过 & 符号，将多个类型合并为一个类型。 1.2 联合类型 联合类型就是通过 | 符号，表示一个值可以是几种类型之一。 1.3 字面量类型 字面量类型就是