首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >EasyNVR水印版本水印上传图片出现选择不了的情况是什么问题?

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

原创
作者头像
TSINGSEE青犀视频
发布2021-12-30 17:47:39
发布2021-12-30 17:47:39
9150
举报
文章被收录于专栏:TSINGSEE青犀视频TSINGSEE青犀视频

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

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

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

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档