{"_id":"@blueking/watermark","_rev":"4-a3cfdebb8e98e24eb2c1495b29a58466","name":"@blueking/watermark","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@blueking/watermark","version":"0.0.1","keywords":["watermark","canvas","charts","echarts"],"author":{"name":"hitozhang"},"license":"ISC","_id":"@blueking/watermark@0.0.1","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"6b8d103e595998772c30bfd61a48589d70ae6cc5","tarball":"https://registry.npmjs.org/@blueking/watermark/-/watermark-0.0.1.tgz","fileCount":9,"integrity":"sha512-jaUJb96csncRm4ldnkQKZ8Wd+t07pBwHkgfwJubkspQWbpQsW8AJKJth5d0/jkZBqLcYKl4FBVebo2LgRA6p+w==","signatures":[{"sig":"MEUCIQDszkTzyKkROQvXN93pCV8wbF1IvfFJZuBmcp6TBe87BwIgYg0bQrXhJZffoFS4QhjgWJLz8lEHGGpYmrq/K35bQjg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2942701,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHNcICRA9TVsSAnZWagAAcGcP/3SfjNQf6uO5/dbgmFkx\nRKBWmVkpbq98pErp0w5+Dch6i3jPcwvaupboNQf/ozatLHfW60TJAslvWDqV\n8z+5vgOBxyA7zqngZCXt1hO3dZBCjIxWyYOH6SDGLDU5+n3DdLwvtUrvLYCs\nk/Cme5/vma4zkpp+NWiasm03Ncux9YZTaRYwhOU+Fuy9vHSZpnt9i5yxO3z3\nn9PjCpNWCSz6eaCGXqxnPJUzqxPLvl/k877V9tf+qeQvHWiCCJMJr7Qp7WTT\nnvDLr9jB16NWanbHRW3ckJenLfKo2BrtqU2J0gDpGbTNxjjuELGN/e8xAYHd\nSb7SXJTBO+ituk9G2NeFFegAyiKvFHg++v3POzIXykT5U9AJw43Jzt2VvqGO\n3cPKGGY3zG+1iiytg6Zir5iKAY78vJAtBDKOAU7hvIONoGSQG0oR1MJECe/F\nizCz7gtIZjLAguHsF3WwOtD5oCiRUe6YlbxjBNwwXJLCDnX7kPfB9YEyZXGo\naILVeVRWnG65TZSf6C0Qe5f3zvk3d3DDHztIxmg5DTiSqbssw1V+3CPefj43\nwVmAyyQACmlL+JAmmlT2vUgIRFhfawAIpjJD2oqpkHLwYNCoZjNkD0+P4g/r\nO1gd/6H2BhUQyyFMbo5bElq6HxvxnUFz/Qj2KCtWMLxjtDuWThjnUxKuFZ4S\n6uOK\r\n=n3qS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/watermark.js","scripts":{"build":"rollup -c"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.11","description":"watermark","directories":{},"_nodeVersion":"14.16.0","_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.32.0","rollup":"^2.56.2","@babel/core":"^7.15.0","@babel/eslint-parser":"^7.15.0","eslint-config-tencent":"^1.0.2"},"_npmOperationalInternal":{"tmp":"tmp/watermark_0.0.1_1629280007968_0.3247771523866667","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@blueking/watermark","version":"0.0.2","keywords":["watermark","canvas","charts","echarts"],"author":{"name":"hitozhang"},"license":"ISC","_id":"@blueking/watermark@0.0.2","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"355155136b12ceada73e496bc7222b690fa39845","tarball":"https://registry.npmjs.org/@blueking/watermark/-/watermark-0.0.2.tgz","fileCount":11,"integrity":"sha512-ALB/pt2LfUfu5Zj1srKNszXaW8DiRVV7Mhd/RAeghmSd6SB1kUeWpAl5ZSyRcmJGwl8gSDAsbRrr2tdJIHl5og==","signatures":[{"sig":"MEUCIANj6A2kJM36m7lrzanCzrN6iChOnVkPhqeg2Zp1uJ8fAiEAsNyV4ckyxH3wndKcrVl+6ldsR8w8969CyWOzBdbZ4lk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3808237,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhHNh9CRA9TVsSAnZWagAAj44QAKCxwsjxedmpP8lUVUeS\nVUJPDx4eMUjrL0UR7CFqiydQa3Ccwot89FhzQZL1VzTi0XM9dN2k+BM0FJf+\nbzQUIpie2AN9gGhEokqDlPNDQKhJlD9G2YtdTdVFc/rVn4FfUgxaZ7rCvnHE\nywSewyzLlVEIk2X1SSW0PLo2DFIbnxdG0ZMC3tB75KAn999WS8VMGC1Pt1Dj\nh70iR6BiLCQydt8DNnW6ZQXMGVJ1HxnEB4IS9O9NzvWH4e44g39bq5+kxhvz\nUiCgY5hvY5FfGwFuOVBKNI3b3saPMXe5fQtcArRXQfZXQCg/9BpPpNrrLL4P\nqVS2yQj5oP8mMmt5jc/l5ynfdgKWbMqglrZ+tEFTY30bGyYiqwJmv3ZhrAU3\nRbAe3FmtJwXSSdFnEhlAOV1bmL+iTV/gtcLrXw8BU7JqCdionyXulzcjWuaZ\nF1QA632dq9hla7AEv15kj9aDda5wYnK1IXfI/H5ss7sWJeuUf6wpDo7KGOab\nAgxsBx7b2Q2KeWb0C1jSJlAu1VsOmHCxqN/dMI4BQXZO/SJS6SqjYTnllRqN\nn+ZC/FGqK95k75ELxkAQPEPUow3xKDjAFMqOgELSm6zdwISeeG+jDCHXZEIj\nEf7f5QZj/dptdokjatIWzQ6JUPvxTwl3aBKgoR71ZdA6exnw4F52JstuYOo6\nU9B4\r\n=ZbZh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/watermark.js","scripts":{"build":"rollup -c"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"6.14.11","description":"watermark","directories":{},"_nodeVersion":"14.16.0","_hasShrinkwrap":false,"devDependencies":{"eslint":"^7.32.0","rollup":"^2.56.2","@babel/core":"^7.15.0","@babel/eslint-parser":"^7.15.0","eslint-config-tencent":"^1.0.2"},"_npmOperationalInternal":{"tmp":"tmp/watermark_0.0.2_1629280381461_0.38529445902985726","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-08-18T09:46:47.894Z","modified":"2026-01-15T04:04:16.088Z","0.0.1":"2021-08-18T09:46:48.334Z","0.0.2":"2021-08-18T09:53:01.723Z"},"author":{"name":"hitozhang"},"license":"ISC","keywords":["watermark","canvas","charts","echarts"],"description":"watermark","maintainers":[{"email":"contactus_bk@tencent.com","name":"blueking-magicbox"}],"readme":"### canvas 水印插件\n\n#### 配置项\n\n| 名称（name） |   类型（type）  | 默认值（default） | 描述（description） |\n| :---        |    :----:   |          ---: | ---: |\n| factor | number | 10 | 水印密度因子 |\n| opacity | number | 0.05 | 透明度 |\n| rotate | number | 30 | 旋转角度（0 - 90），目前只对文案水印有效|\n| repeat | string | repeat | 如何重复图像 repeat、repeat-x 、repeat-y 、no-repeat |\n| image | Image或者string | 空 | 图片水印路径或者base64类型的图片 |\n| text | string | 水印 | 文案水印 |\n| fontSize | number | 12 | 文案水印字体 |\n| fontFamily | string | auto | 文案水印字体 |\n| fontColor | string | black | 文案水印颜色 |\n\n#### 案例\n\n![alt 图片水印](./examples/example-1.png)\n![alt 文本水印](./examples/example-2.png)\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n<title>watermark</title>\n<script src=\"https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js\"></script>\n<script src=\"./watermark.js\"></script>\n</head>\n<body>\n<canvas id=\"canvas\" width=\"800\" height=\"600\"></canvas>\n<script>\n\nconst canvas = document.getElementById('canvas');\nconst myChart = echarts.init(canvas);\n\nconst option = {\n    title: {\n        text: 'ECharts 入门示例'\n    },\n    tooltip: {},\n    legend: {\n        data:['销量']\n    },\n    xAxis: {\n        data: [\"衬衫\",\"羊毛衫\",\"雪纺衫\",\"裤子\",\"高跟鞋\",\"袜子\"]\n    },\n    yAxis: {},\n    series: [{\n        name: '销量',\n        type: 'bar',\n        data: [5, 20, 36, 10, 10, 20]\n    }]\n};\n\n// 使用刚指定的配置项和数据显示图表。\nmyChart.setOption(option);\n\nconst watermark = new Watermark(canvas, {\n    text: '水印', // 文案\n    fontColor: 'blue',\n    factor: 20\n});\n\nmyChart.on('rendered', () => {\n    watermark.draw();\n});\n</script>\n</body>\n</html>\n```","readmeFilename":"readme.md"}