EasyNVR水印版本水印上传图片出现选择不了的情况是什么问题？

Posted 2022-01-26 EasyNVR

在我们遇到的项目当中，有用户在使用平台过程中担心自己的直播视频被盗用，或者需要展示自己的品牌，就需要在视频上增加水印。因此我们在新版本EasyNVR内增加了水印模块，已在EasyNVR官网上线，供大家测试。

近期我们发现EasyNVR水印版本中，水印上传图片有时候会出现选择不了的情况，经过排查是因为每次调用水印组件后并没有销毁，导致第二次选择相同图片时候并没有出现 input chang事件。

我们给组件添加一个key值，通过弹出层的状态来控制组件销毁和重建：

这个实现了水印无法选择的bug，但是又出现新的问题，即水印原始尺寸大小位置都无法正确渲染。经排查并没有重新计算this.transform属性：

经过我们的测试在父组件watermarkUrl加上了判断和时间戳，使子组件重新渲染从而使水印位置信息重新渲染，可以解决该问题：