Installations

npm install @serializedowen/vue-img-watermark

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

12.13.0

NPM Version

6.13.0 Pull Requests

Open

0

Total

1

Closed

0

Merged

1

Issues

Open

2

Total

4

Closed

2

Releases

2

1.1.0

Published on 24 Aug 2020

0.4.0

Published on 20 Aug 2020

View all 2 releases

Contributors

2

Unable to fetch Contributors

View all 2 contributors

Languages

4

JavaScript

TypeScript

CSS

HTML

JavaScript (60.61%)

TypeScript (35.73%)

CSS (2.57%)

HTML (1.08%)

Developer

serializedowen

Download Statistics

Total Downloads

12,881

Last Day

1

Last Week

5

Last Month

380

Last Year

4,552

GitHub Statistics

19 Stars

46 Commits

3 Forks

2 Watching

2 Branches

2 Contributors

Bundle Size

4.14 kB

Minified

1.60 kB

Minified + Gzipped

Bundlephobia

Maintainers

1

Package Meta Information

Latest Version

1.1.0

Package Id

@serializedowen/vue-img-watermark@1.1.0

Unpacked Size

62.11 kB

Size

21.12 kB

File Count

17

NPM Version

6.13.0

Node Version

12.13.0

Total Downloads

Cumulative downloads

Total Downloads

12,881

Last day

0%

1

Compared to previous day

Last week

-91.4%

5

Compared to previous week

Last month

-23.5%

380

Compared to previous month

Last year

123.9%

4,552

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

@serializedowen/vue-img-watermark

Peer Dependencies

1

vue

Dev Dependencies

28

Versions

vue-img-watermark :maple_leaf:

Demo

http://serializedowen.github.io/vue-img-watermark/

Installation

1npm install --save @serializedowen/vue-img-watermark

yarn add @serializedowen/vue-img-watermark

Usage

1import plugin from '@serializedowen/vue-img-watermark'
2
3Vue.use(plugin)

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} :grinning:

Known Issues:

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

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

3

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3.6

/10

Last Scanned on 2025-01-06

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More