ウォーターマーク
プラグイン情報
ウォーターマーク機能は、Web ページやアプリケーションに柔軟で安全なウォーターマークを提供します。テキストや画像のウォーターマークを動的に生成し、無断使用や拡散の防止に役立ちます。さまざまな設定オプションも備えています。
透かし設定ジェネレーターで透かしのスタイルをプレビューし、プラグイン用の設定を JSON としてダウンロードできます。
プラグインモード
インストール
Shell
pnpm add @univerjs/watermarkShell
npm install @univerjs/watermarkShell
yarn add @univerjs/watermarkShell
bun add @univerjs/watermark使い方
TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const univer = new Univer({ // ...})univer.registerPlugin(UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, })プラグインと設定
@univerjs/watermark
ウォーターマーク機能の中核実装を提供するプラグインです。テキスト/画像のウォーターマークを追加でき、外観や挙動を細かく設定できます。UniverWatermarkPlugin を提供します。
プリセットモード
ウォーターマークはプリセットを提供していませんが、プラグインとして組み合わせて利用できます。
インストール
Shell
pnpm add @univerjs/watermarkShell
npm install @univerjs/watermarkShell
yarn add @univerjs/watermarkShell
bun add @univerjs/watermark使い方
TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({ // ... presets: [ UniverDocsCorePreset(), ], plugins: [ [UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, }], ],})Facade API
インポート
プラグインモード注意
Facade パッケージの手動 import が必要なのはプラグインモードのみです。プリセットモードには対応する Facade パッケージが内蔵されているため、追加の import は不要です。
TypeScript
import '@univerjs/watermark/facade'ウォーターマークを設定
TypeScript
univerAPI.addWatermark('text', { content: 'hello', repeat: true })ウォーターマークを削除
TypeScript
univerAPI.deleteWatermark()このガイドはいかがですか？