0508

工作

前端水印：
- 踩坑：昨天一直在采坑，处理水印位置平移问题；今天经过亮哥指导，推荐了几个使用成熟的库作为参考。实际看下来，用不了，还是参考下自己写吧。
- 研究发现：参考一个和本次水印需求比较一致的库 dxcweb/watermark 和它的例子最安全，最快速的纯前端图片加水印，直到它的原理是生成小的水印图平铺在图片上
- 遇到新问题：自己再给图片加水印的时候遇到黑屏的情况，查资料说一般只有性能瓶颈才可能导致问题。显然是自己的代码写的有问题，但是自己没有看出哪里写的有问题，只能先放一边。用户的图片加个水印就黑了肯定是不可以的。
- 解决：后面准备换上面的库改改用的时候，无意改动个小东西，发现自己黑屏问题被自己解决了。原理就是 ctx.createPattern(watermarkCanvas, 'repeat') ，我以为第一个参数只能接收图片，因此我生成水印图后还要转成图片，之后才发现参数可以是 规定要使用的图片、画布或视频元素，即它可以是图片也可以是画布，那就节省了转图片的操作。事后反思，猜测可能是这里消耗了性能导致黑屏。