{"_id":"c-avatar-synthesis","_rev":"2-bc1cb65f6bf11f29e61863c9f3a6ad50","name":"c-avatar-synthesis","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"c-avatar-synthesis","version":"1.0.0","keywords":["canvas","头像","群头像","仿微信群头像"],"_id":"c-avatar-synthesis@1.0.0","maintainers":[{"name":"cai1814963581","email":"1814963581@qq.com"}],"id":"c-avatar-synthesis","dist":{"shasum":"b7a013690d2cd82e5dcd386a73f45e2e9e72587b","tarball":"https://registry.npmjs.org/c-avatar-synthesis/-/c-avatar-synthesis-1.0.0.tgz","fileCount":4,"integrity":"sha512-SMzMIb6xgQS70BBdmj4ln0tU9Fx1rgjiJNC+owM63+kFsxGKSEaXOJmz13UHh5P+VW6bViMOb5aMvRKV76S8Lw==","signatures":[{"sig":"MEUCIHhzaaUqDe9D/2aPciHeEA/7Fnfqr8BFCp+NFcOCy0WaAiEA3EryuvyzhIOo3DeHbq2FLa2JXTaBzMjcSbCSVjWYJ3E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11919},"_npmUser":{"name":"cai1814963581","email":"1814963581@qq.com"},"dcloudext":{"sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"type":"component-vue"},"_npmVersion":"8.19.4","description":"uniapp项目，基于canvas合成群头像（仿微信群头像）","directories":{},"displayName":"uniapp项目，canvas合成群头像","_nodeVersion":"16.20.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/c-avatar-synthesis_1.0.0_1740466706455_0.5091664578288313","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"c-avatar-synthesis","version":"1.0.1","keywords":["canvas","头像","群头像","仿微信群头像"],"_id":"c-avatar-synthesis@1.0.1","maintainers":[{"name":"cai1814963581","email":"1814963581@qq.com"}],"id":"c-avatar-synthesis","dist":{"shasum":"c959605a4d1aec1a418ad0d07771850f5f2c2a1f","tarball":"https://registry.npmjs.org/c-avatar-synthesis/-/c-avatar-synthesis-1.0.1.tgz","fileCount":4,"integrity":"sha512-RVqt37W9wvDbBu18Qyn4R2toSRa8waXPLi6o37uwx87tJGcIEUzKcPDFkKQSfctcIMLBKymxlNlUwrDtiSJG7g==","signatures":[{"sig":"MEQCIDvrDgnzDA/0BGknv0aHjCkQMjACJi4wD9IDMwM5qY4zAiA69G/zXaxIsGlvgoAMxGrtBJX2lVsOcXqg6heE458tPQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11936},"_npmUser":{"name":"cai1814963581","email":"1814963581@qq.com"},"dcloudext":{"sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}},"type":"component-vue"},"_npmVersion":"8.19.4","description":"uniapp项目，基于canvas合成群头像（仿微信群头像）","directories":{},"displayName":"uniapp项目，canvas合成群头像","_nodeVersion":"16.20.2","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/c-avatar-synthesis_1.0.1_1740723985465_0.6207196084209334","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"id":"c-avatar-synthesis","name":"c-avatar-synthesis","displayName":"uniapp项目，canvas合成群头像","version":"1.0.2","description":"uniapp项目，基于canvas合成群头像（仿微信群头像）","keywords":["canvas","头像","群头像","仿微信群头像"],"dcloudext":{"type":"component-vue","sale":{"regular":{"price":"0.00"},"sourcecode":{"price":"0.00"}}},"_id":"c-avatar-synthesis@1.0.2","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-ZRK13uomoVcwsO3A3Ir5Dp3J/Gbe+3VuJIeIq8tBFKBIKTUZC9WwjWqMXdXSd5vqymnr4rYu0Q4bUSOcPtOiCQ==","shasum":"51221505a31772b1e8d3d154cfe515a93ce8d8f8","tarball":"https://registry.npmjs.org/c-avatar-synthesis/-/c-avatar-synthesis-1.0.2.tgz","fileCount":4,"unpackedSize":11938,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDMxRlnVRb0ESVwCX/O+6GzfWarn7TyGxD1ByCPpTrK4QIhAKx+Cjnuj08n7xp30FwNdD/7nh7H4Gk7cLHXl+6JW6cP"}]},"_npmUser":{"name":"cai1814963581","email":"1814963581@qq.com"},"directories":{},"maintainers":[{"name":"cai1814963581","email":"1814963581@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/c-avatar-synthesis_1.0.2_1740724737986_0.9619940577253094"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-25T06:58:26.455Z","modified":"2025-02-28T06:38:58.325Z","1.0.0":"2025-02-25T06:58:26.630Z","1.0.1":"2025-02-28T06:26:25.640Z","1.0.2":"2025-02-28T06:38:58.151Z"},"keywords":["canvas","头像","群头像","仿微信群头像"],"description":"uniapp项目，基于canvas合成群头像（仿微信群头像）","maintainers":[{"name":"cai1814963581","email":"1814963581@qq.com"}],"readme":"# 欢迎使用 c-avatar-synthesis\r\n\r\n## 注意事项 微信小程序需要配置downloadFile合法域名，具体操作方法：https://mp.weixin.qq.com打开并登录 --->管理 --->开发管理 --->服务器域名 --->修改\r\n\r\n## 安装\r\n```javascript\r\n// npm安装方式，插件市场导入无需执行此命令。插件市场导入地址：https://ext.dcloud.net.cn/plugin?id=22320\r\nnpm install c-avatar-synthesis\r\n```\r\n\r\n## 使用方法\r\n```javascript\r\n<template>\r\n    <view class=\"box\">\r\n        <!-- 方式一 -->\r\n        <avatar-synthesis\r\n\t\t\tref=\"avatarSynthesis1\"\r\n\t\t\t:list=\"avatarList1\"\r\n\t\t\t@success=\"onSuccess1\"\r\n\t\t/>\r\n        <!-- 方式二 -->\r\n        <avatar-synthesis\r\n\t\t\tref=\"avatarSynthesis2\"\r\n\t\t\tcanvasId=\"canvas2\"\r\n\t\t\tkeyName=\"img\"\r\n\t\t\t:list=\"avatarList2\"\r\n\t\t\t@success=\"onSuccess2\"\r\n\t\t></avatar-synthesis>\r\n    </view>\r\n</template>\r\n\r\n<script>\r\n\t// 以下导入方式按照安装方式导入，二选一\r\n    import avatarSynthesis from '@/components/c-avatar-synthesis/c-avatar-synthesis.vue';\t\t// 插件市场导入方法\r\n\timport avatarSynthesis from \"@/node_modules/c-avatar-synthesis/c-avatar-synthesis.vue\";\t\t// npm导入方法\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t\tavatarSynthesis\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tavatarList1: [],\r\n\t\t\t\tavatarList2: [\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhivxs.jpg\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhiufa.jpg\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhj3ui.jpg\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhj147.jpg\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhj58q.jpg\"\r\n\t\t\t\t\t}, {\r\n\t\t\t\t\t\timg: \"https://uy.wzznft.com/i/2025/02/25/fhj1tw.jpg\"\r\n\t\t\t\t\t}\r\n\t\t\t\t]\r\n\t\t\t}\r\n\t\t},\r\n\t\tonLoad() {\r\n\t\t\t// 模仿接口返回\r\n\t\t\tthis.getAvatarList();\r\n\t\t},\r\n\t\tonReady() {\r\n\t\t\t// 开始绘画\r\n\t\t\tthis.$refs.avatarSynthesis2.draw();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t// 模仿接口返回数据\r\n\t\t\tgetAvatarList() {\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tthis.avatarList1 = [\r\n\t\t\t\t\t\t\"https://uy.wzznft.com/i/2025/02/25/fhixcl.jpg\",\r\n\t\t\t\t\t\t\"https://uy.wzznft.com/i/2025/02/25/fhisx0.jpg\"\r\n\t\t\t\t\t]\r\n\t\t\t\t\tthis.$nextTick(function() {\r\n\t\t\t\t\t\tthis.$refs.avatarSynthesis1.draw();\r\n\t\t\t\t\t})\r\n\t\t\t\t}, 1000)\r\n\t\t\t},\r\n\t\t\tonSuccess1(res) {\r\n\t\t\t\tconsole.log(res.tempFilePath, '11111111');\r\n\t\t\t},\r\n\t\t\tonSuccess2(res) {\r\n\t\t\t\tconsole.log(res.tempFilePath, '22222222');\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n```\r\n\r\n## API\r\n### Props\r\n|参数|说明|类型|默认值|可选值|\r\n|--|--|--|--|--|\r\n|list|头像列表|Array|[]|-|\r\n|keyName|头像列表，头像url字段的键名|String|\"\"（空字符串取item）|-|\r\n|canvasId|canvas标签的canvas-id属性|String|canvas|-|\r\n|gap|单位px；群头像，头像间的总间距|Number|12|-|\r\n|size|单位px；canvas的宽高|Number|300|-|\r\n|params|uni.canvasToTempFilePath的参数|Object|{fileType: \"jpg\", quality: 0.7}|-|\r\n\r\n### Events\r\n|事件名|说明|回调参数|\r\n|--|--|--|\r\n|success|图片合成成功回调|res: {\"errMsg\": \"canvasToTempFilePath:ok\", \"tempFilePath\": \"/a.jpg\"}|\r\n|fail|图片合成失败回调|err|","readmeFilename":"README.md"}