使用 canvas 实现截图功能的难点有三：1. 计算截取区域；2 截图动画效果（未被选取部分置灰，截取部分添加边框等）；3. 生成&获得截取区域图片。

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

背景 最近在做业务的时候遇到了一个需要前端抽帧的需求，小小的研究了一下便记录了下来，以便复盘。 大概的需求呢就是说从页面A跳转到页面B后给你视频的url和一些时间节点，我们要抽取这个视频在这些时间节点