Skip to content

显示水印

要使用水印需要注册水印插件

simple-mind-map提供了水印的插件,使用非常简单,首先可以在实例化simple-mind-map时提供水印的选项配置来直接显示水印:

js
new MindMap({
    // ...
    watermarkConfig: {
        text: '水印文字',
        lineSpacing: 100,
        textSpacing: 100,
        angle: 30,
        textStyle: {
            color: '#999',
            opacity: 0.5,
            fontSize: 14
        }
    }
})

详细字段含义可以阅读【API】-【构造函数】-【实例化选项】小节。

此外也可以动态更新水印,watermarkConfig的所有配置都可以修改,如果不想再显示水印将text传入空字符串即可。

js
mindMap.watermark.updateWatermark({
    text: '街角小林',
    lineSpacing: 50,
    textSpacing: 50,
    angle: 45,
    textStyle: {
        color: '#73D8FF',
        opacity: 1,
        fontSize: 12
    }
})

完整示例

MIT License.