如何使用 react-image-process 将水印文本旋转到特定角度

Question

我正在使用 https://www.npmjs.com/package/react-image-process 在我的图片上添加水印，并且我正在使用React将其呈现在组件内。

代码：

render() {

    return (
      <ReactImageProcess
        mode="waterMark"
        waterMarkType="text"
        waterMark={'WATER'}
        fontBold={false}
        fontSize={20}
        fontColor="#396"
        coordinate={[10, 20]}
      >
        <img src="https://res.cloudinary.com/demo/image/youtube/http://www.youtube.com/watch%3Fv=aNwnPElsJGE"/>
      </ReactImageProcess>

    );
  }

这是输出结果：

但是我想将水印文字旋转到某个角度。我不确定这个库是否提供了这种功能，有什么想法/建议可以旋转水印文字吗？ 谢谢

- user1234

Answer 1

这在所选库中是不可能的。唯一支持的旋转是当您将 "mode" 设置为 "rotate" 时对图像本身进行旋转。然而，那样就无法应用水印了。没有选项只旋转水印文字。

查看更多: https://www.npmjs.com/package/react-image-process

- Jason W