Naughty Pinching Mannequins

    @codermino/vue-img-watermark
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    vue-img-watermark 🍁

    Installation

    npm install --save @codermino/vue-img-watermark
    yarn add @codermino/vue-img-watermark
    

    Usage

    import plugin from '@codermino/vue-img-watermark'
    
    Vue.use(plugin)
    <img src="xxx" v-watermark />
    • put v-watermark on your <img> tag to generate watermark for your image
    • fully customizable with configuration object.
      • use setScopedConfig() in beforeCreate hook in your vue component to scope configuration to that particular vue component
      • use v-watermark={{config: OptionConfig}} to customize watermark behavior
      • The order of precedance will be directive value > component scoped options > global options
    • register your custom rendering strategy with registerCustomStrategy() which you can later on use with {mode: name of your strategy} 😀

    Known Issues:

    • [x] currently canvas.drawImage() has to be wrapped in a setTimeout() call to work, reason to be identified.

    Keywords

    Install

    npm i @codermino/vue-img-watermark

    DownloadsWeekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    81.7 kB

    Total Files

    25

    Last publish

    Collaborators

    • codermino