react引入暗水印不生效

[zhensherlock]

观察下图中的dom是否添加成功。

如果添加成功，确认下页面背景颜色是不是暗色的？ 如果页面背景颜色是暗色的，可以在初始化时添加 fontColor: '#fff'

const watermark = new BlindWatermark({
  content: 'hello my watermark',
  fontColor: '#fff',
  width: 200,
  height: 200
})

在解析暗水印时添加 compositeOperation: 'overlay', fillColor: '#fff'

BlindWatermark.decode({
  compositeOperation: 'overlay',
  fillColor: '#fff',
  url: uploadFile.url,
  onSuccess: (imageBase64) => {
    decodeBlindImage.value = imageBase64
  }
});

[wyqjs]

添加上了但是没有效果 const watermark = new BlindWatermark({ content: hello my watermark watermark, width: 200, height: 200, globalAlpha: 0.5, onSuccess: () => { // success callback console.log('水印设置成功>>>>>>') } })

[wyqjs]

观察下图中的dom是否添加成功。 如果添加成功，确认下页面背景颜色是不是暗色的？ 如果页面背景颜色是暗色的，可以在初始化时添加 fontColor: '#fff'

const watermark = new BlindWatermark({
  content: 'hello my watermark',
  fontColor: '#fff',
  width: 200,
  height: 200
})

在解析暗水印时添加 compositeOperation: 'overlay', fillColor: '#fff'

BlindWatermark.decode({
  compositeOperation: 'overlay',
  fillColor: '#fff',
  url: uploadFile.url,
  onSuccess: (imageBase64) => {
    decodeBlindImage.value = imageBase64
  }
});

https://github.com/zhensherlock/watermark-js-plus/issues/2#issuecomment-1365661764

[zhensherlock]

暗水印就是看不见的水印，如果要验证是否生效，可以先将页面整体截图保存下来，然后在文档中 https://zhensherlock.github.io/watermark-js-plus/guide/blind-watermark.html#decode-blind-watermark 找到图中位置，上传图片，如果有解析出文字，说明暗水印添加成功了。

[wyqjs]

暗水印就是看不见的水印，如果要验证是否生效，可以先截图保存下来，然后在文档中 https://zhensherlock.github.io/watermark-js-plus/guide/blind-watermark.html#decode-blind-watermark 找到图中位置，上传图片，如果有解析出文字，说明暗水印添加成功了。 解析出来是这样子,并没有文字

[zhensherlock]

这是我在codesandbox上的示例，你对比下代码 https://codesandbox.io/s/youthful-sid-ru1j15?file=/src/index.js 这个示例可以解析出文字

[wyqjs]

这是我在codesandbox上的示例，你对比下代码 https://codesandbox.io/s/youthful-sid-ru1j15?file=/src/index.js

截图解析也并没有文字

[zhensherlock]

如果截图的内容不是暗色背景，不需要添加 compositeOperation: 'overlay', fillColor: '#fff' 直接使用下面的代码

BlindWatermark.decode({
  url: uploadFile.url, // image url
  onSuccess: (imageBase64) => {
    // success callback
  }
});

[wyqjs]

如果截图的内容不是暗色背景，不需要添加 compositeOperation: 'overlay', fillColor: '#fff' 直接使用下面的代码

BlindWatermark.decode({
  url: uploadFile.url, // image url
  onSuccess: (imageBase64) => {
    // success callback
  }
});

是直接使用解析的

[zhensherlock]

将主题切换到淡色主题，再试下 我在深色主题下，自动添加了compositeOperation: 'overlay', fillColor: '#fff'

[wyqjs]

将主题切换到淡色主题，再试下 我在深色主题下，自动添加了compositeOperation: 'overlay', fillColor: '#fff'

ok了,感谢