{"id":17366738,"url":"https://github.com/acrodata/watermark","last_synced_at":"2025-04-15T02:42:26.401Z","repository":{"id":257824507,"uuid":"864791698","full_name":"acrodata/watermark","owner":"acrodata","description":"🛡 Add watermark to your page","archived":false,"fork":false,"pushed_at":"2024-11-16T15:43:16.000Z","size":1605,"stargazers_count":6,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-28T09:08:53.838Z","etag":null,"topics":["angular","blind-watermark","image-watermark","ngx-watermark","text-watermark","watermark"],"latest_commit_sha":null,"homepage":"https://acrodata.github.io/watermark/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/acrodata.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-29T07:06:41.000Z","updated_at":"2025-02-26T05:21:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"ae39c8cb-1adb-43c8-9822-96378830d4a3","html_url":"https://github.com/acrodata/watermark","commit_stats":{"total_commits":23,"total_committers":1,"mean_commits":23.0,"dds":0.0,"last_synced_commit":"8f6bfb66af5f3485dc2a4d45c60cb2b48153d76f"},"previous_names":["acrodata/watermark"],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrodata%2Fwatermark","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrodata%2Fwatermark/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrodata%2Fwatermark/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acrodata%2Fwatermark/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acrodata","download_url":"https://codeload.github.com/acrodata/watermark/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248997049,"owners_count":21195785,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","blind-watermark","image-watermark","ngx-watermark","text-watermark","watermark"],"created_at":"2024-10-15T22:04:35.433Z","updated_at":"2025-04-15T02:42:26.395Z","avatar_url":"https://github.com/acrodata.png","language":"TypeScript","readme":"# Watermark\n\n[![npm](https://img.shields.io/npm/v/@acrodata/watermark.svg)](https://www.npmjs.com/package/@acrodata/watermark)\n[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/acrodata/watermark/blob/main/LICENSE)\n\nAdd watermark to your page.\n\n#### Quick links\n\n[Documentation](https://github.com/acrodata/watermark?tab=readme-ov-file#watermark) |\n[Playground](https://acrodata.github.io/watermark/)\n\n## Installation\n\n```bash\nnpm install @acrodata/watermark --save\n```\n\n## Usage\n\n```ts\nimport { Component } from '@angular/core';\nimport { WatermarkDirective, WatermarkOptions } from '@acrodata/watermark';\n\n@Component({\n  selector: 'your-app',\n  template: `\n    \u003cdiv watermark [watermarkOptions]=\"options\"\u003e\n      \u003cp\u003e...\u003c/p\u003e\n    \u003c/div\u003e\n  `,\n  standalone: true,\n  imports: [WatermarkDirective],\n})\nexport class YourAppComponent {\n  options: WatermarkOptions = {\n    text: '...',\n  };\n}\n```\n\n## API\n\n### Inputs\n\n| Name           | Type                          | Default     | Description                            |\n| -------------- | ----------------------------- | ----------- | -------------------------------------- |\n| [options]      | WatermarkOptions              | `{}`        | See `WatermarkOptions`                 |\n| [container]    | HTMLElement \\| string \\| null | `undefined` | See `WatermarkOptions['container']`    |\n| [secure]       | boolean                       | `true`      | See `WatermarkOptions['secure']`       |\n| [zIndex]       | number                        | `9999`      | See `WatermarkOptions['zIndex']`       |\n| [scrollHeight] | string \\|number               | `undefined` | See `WatermarkOptions['scrollHeight']` |\n\n### WatermarkOptions\n\n| Name          | Type                             | Default      | Description                                                           |\n| ------------- | -------------------------------- | ------------ | --------------------------------------------------------------------- |\n| container     | HTMLElement \\| string \\| null    | `undefined`  | Container of the watermark                                            |\n| secure        | boolean                          | `true`       | Whether prevent the watermark being removed                           |\n| image         | string                           | `undefined`  | Image source of the watermark, it's recommended to use 2x or 3x image |\n| text          | string \\| string[]               | `undefined`  | Text of the watermark and dispaly multiple lines with using array     |\n| blindText     | string                           | `undefined`  | Text of the blind-watermark                                           |\n| blindFontSize | string \\| number                 | `16`         | Font size of the blind-watermark                                      |\n| blindOpacity  | boolean                          | `0.005`      | Opacity of the blind-watermark                                        |\n| repeat        | 'none' \\| 'normal' \\| 'multiply' | `multiply`   | Specify how watermarks are repeated                                   |\n| position      | string                           | `undefined`  | Specify `background-position` of the watermark                        |\n| zIndex        | number                           | `9999`       | Specify `z-index` of the watermark                                    |\n| scrollHeight  | number \\| string                 | `undefined`  | Specify the height of watermark in a scroll container                 |\n| gapX          | number                           | `100`        | Horizontal gap of watermark contents                                  |\n| gapY          | number                           | `100`        | Vertical gap of watermark contents                                    |\n| offsetX       | number                           | `0`          | Horizontal offset of the watermark content                            |\n| offsetY       | number                           | `0`          | Vertical offset of the watermark content                              |\n| width         | number                           | `120`        | Width of the watermark content                                        |\n| height        | number                           | `60`         | Height of the watermark content                                       |\n| opacity       | number                           | `0.15`       | Opacity of the watermark                                              |\n| rotate        | number                           | `-24`        | Rotation degree of the watermark content                              |\n| fontSize      | number                           | `16`         | Font size of the text-watermark                                       |\n| fontWeight    | string \\| number                 | `400`        | Font weight of the text-watermark                                     |\n| fontStyle     | 'normal' \\| 'italic'             | `normal`     | Font style of the text-watermark                                      |\n| fontVariant   | 'normal' \\| 'small-caps          | `normal`     | Font variant of the text-watermark                                    |\n| fontColor     | string                           | `#000`       | Font color of the text-watermark                                      |\n| fontFamily    | string                           | `sans-serif` | Font family of the text-watermark                                     |\n| textAlign     | CanvasTextAlign                  | `center`     | Text alignment of the text-watermark                                  |\n| textBaseline  | CanvasTextBaseline               | `alphabetic` | Text alignment of the text-watermark                                  |\n\n## License\n\nMIT\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facrodata%2Fwatermark","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facrodata%2Fwatermark","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facrodata%2Fwatermark/lists"}