Skip to content

useWatermask

Category
Last Changed
1 minute ago

Basic counter with utility functions.

Demo

宽度 :
高度 :
旋转 :
填充 :
字体大小 :
透明度 :
内容 :

Usage

ts
import { useWatermask } from 'utils-vue'

const { handleWatermark } = useWatermask()

Type Declarations

typescript
export declare function useWatermask(): {
  container: Ref<HTMLElement | undefined>
  zIndex: Ref<number>
  width: Ref<string>
  height: Ref<string>
  rotate: Ref<string>
  textAnchor: Ref<string>
  alignmentBaseline: Ref<string>
  fill: Ref<string>
  fontWidth: Ref<string>
  fontSize: Ref<string>
  fontFamily: Ref<string>
  opacity: Ref<number>
  content: Ref<string>
  domClassName: Ref<string>
  clearWatermark: () => void
}

Source

SourceDemoDocs

VueUse Template