分类：页面底部加水印

2021
08-08

Vue使用自定义指令实现页面底部加水印

项目场景给项目的整个背景加上自定义水印，可以改变水印的文案和字体颜色等实现思路这里使用的技术主要是canvas,在实现水印的过程中，主要使用了canvas的特性使用canvas特性生成base64格式的图片文件，然后设置其字体大小，颜色等最后将其设置为背景图片，这就实现了页面的水印效果实现效果实现代码<template><divclass="water-marker"><divv-waterMarker="{text:'卡洛背心-版权所有',textColor:'rgb... 继续阅读 >