vue中使用canvas给图片绘制水印,即使下载图片也是带水印的

先看效果

vue中使用canvas给图片绘制水印,即使下载图片也是带水印的_第1张图片

话不多说直接上组件

1、Watermark.vue



2、使用

 

3、注意

图片的宽高和水印的行数列数,需要你自己调整,

你的图片需要显示什么宽高就写多少,

然后去调整几行几列能铺满,调整到铺满整个图片适宜为止,

该组件该有可以补充的地方,比如水印大小,水印颜色等,可以自己动手补充哦

你可能感兴趣的:(vue.js,前端,javascript)