Marca de agua
La función de marca de agua tiene como objetivo proporcionar una solución de marca de agua flexible y segura para páginas web o aplicaciones. Con esta función, los desarrolladores pueden generar dinámicamente marcas de agua de texto o imágenes en la página para evitar el uso no autorizado o la difusión de contenido, y admite varias configuraciones.
Utilice el Generador de marcas de agua para previsualizar los estilos y descargar la configuración del complemento en formato JSON.
Modo de complemento
Instalación
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkUso
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const univer = new Univer({ // ...})univer.registerPlugin(UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, })Complementos y Configuración
@univerjs/watermark
Este complemento proporciona la implementación principal de la funcionalidad de marca de agua. Permite a los desarrolladores agregar marcas de agua de texto o imágenes a las aplicaciones y ofrece varias opciones de configuración para personalizar la apariencia y el comportamiento de la marca de agua. Proporciona el complemento UniverWatermarkPlugin.
Referencia: @univerjs/watermark
Modo preestablecido
La marca de agua no proporciona un ajuste preestablecido, pero admite la mezcla con sus complementos.
Instalación
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkUso
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({ // ... presets: [ UniverDocsCorePreset(), ], plugins: [ [UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, }], ],})API de Facade
Importación
Plugin mode note
Solo el modo complemento requiere importar manualmente el paquete Facade. El modo preestablecido ya incluye el paquete Facade correspondiente, por lo que no se necesita ninguna importación adicional.
import '@univerjs/watermark/facade'Establecer marca de agua
univerAPI.addWatermark('text', { content: 'hello', repeat: true })Eliminar marca de agua
univerAPI.deleteWatermark()¿Cómo es esta guía?