{"_id":"a-canvas","_rev":"4-84d69433b58404b471b5839769668ccf","time":{"created":"2022-06-17T01:56:21.716Z","1.0.4":"2022-06-15T02:57:06.023Z","modified":"2022-06-17T01:58:38.135Z","1.0.3":"2022-06-15T09:25:43.218Z","1.0.0":"2022-06-17T01:56:21.898Z","1.0.1":"2022-06-17T01:58:38.062Z"},"name":"a-canvas","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"a-canvas","version":"1.0.0","description":"前身是tag-canvas,进行修改后的产物","main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/datong2000/a-canvas.git"},"author":{"name":"datong","email":"2829099680@qq.com"},"license":"MIT","bugs":{"url":"https://github.com/datong2000/a-canvas/issues"},"homepage":"https://github.com/datong2000/a-canvas#readme","types":"./build/index.d.ts","_id":"a-canvas@1.0.0","_nodeVersion":"16.4.0","_npmVersion":"8.8.0","dist":{"integrity":"sha512-jJUMA1/X5235UEvgDKOBW5aBscrG/i1jfo/iInkZ7/nQ4es22/UYTKIypk4dZYX/lYa01M6VIJZrXlwdKp65aw==","shasum":"18305b7db57aa18a737e07c10feef582f94ae0c2","tarball":"https://registry.npmjs.org/a-canvas/-/a-canvas-1.0.0.tgz","fileCount":27,"unpackedSize":55779,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqyZKMyE27PJJFkrKPcV/kaDZ0lDP3gkwlfgGjItq8ZAiEArzMQVSlR7Is7kLM0Ozp7sZj4Dqt2ETkzcqRlRaNbZ8o="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq99FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpmtA/9HrEiHdvObjDfTYVMZysKahl+Dg2OTNCNFEgtMPPr/OQlrTEh\r\nCB8H7g0WxSJTK16cTT/BAJevF4BrtJujfN+XpVtEn0Fwbnk5pR+/EyY6ZJOW\r\nXwbLT4a8brzimG7GYY8G2MVrm4bJtRkwhpvgUk/tawjHHuEgCsziz0yP3Q03\r\nZgFYToLCFyOymDSFmuf8v7BOAL/pAAL2dCb3uu+/wRVAXVwNKwUhHPWYQgOq\r\niHV4Hsy/nW4vQZ0tKX0sUxKKpTs1n+zAFxGdnfjBkNZR6SHvF3R+GS+6/cyJ\r\nK3QkCMKyxUArBaafNujAY0QEu82biSVwdNJacQs2ktHjzywZT12oX30IV/7d\r\ncn0A4ML/Pm3ZB8cH94FKa9H4TKZ7AFv9w7keHFbDHrEfU2qeaazdF3TyPgRa\r\nqgBtHN6LSbx7yxEqTCjEmS+4vuz1sOc9sDH5BKPQTmKuWFSbRGVEve9wTP4d\r\ntSGxezhf61tfOyBT8M/DcUjq8kjvNJbj6lePi8C5u+A+j7qDQ3FjXbm6UFj6\r\n7yM3YSprfnTF1RxfQo9C75NAD+xl8jBnjavrqMT0dsucL/4PXmEYRxSnyz/W\r\nEGwKbPGkgJ5Z+nJDSuG3M5MLbVJvXduSkrh6V9r7KDDwDMGlkn+cjXG0s+Me\r\nN2+Y/vnOFiEGapWuA0eAZxRSXOefJ1M4O78=\r\n=Hp0o\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"datong2000","email":"2829099680@qq.com"},"directories":{},"maintainers":[{"name":"datong2000","email":"2829099680@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-canvas_1.0.0_1655430981717_0.7795565915284408"},"_hasShrinkwrap":false},"1.0.1":{"name":"a-canvas","version":"1.0.1","description":"前身是tag-canvas,进行修改后的产物","main":"build/index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/datong2000/a-canvas.git"},"author":{"name":"datong","email":"2829099680@qq.com"},"license":"MIT","bugs":{"url":"https://github.com/datong2000/a-canvas/issues"},"homepage":"https://github.com/datong2000/a-canvas#readme","types":"./build/index.d.ts","_id":"a-canvas@1.0.1","_nodeVersion":"16.4.0","_npmVersion":"8.8.0","dist":{"integrity":"sha512-P0v5cV4n0oGN5AfKOH/9jQv1L4jG71RP85yE4EysgLO10NE+Vxpeb+x9ubIs8hjyLU4QXe4Mm+hPfWIzr8fmOQ==","shasum":"36f3bb72980d7df6743b946b0bd12e8dd828e2a1","tarball":"https://registry.npmjs.org/a-canvas/-/a-canvas-1.0.1.tgz","fileCount":27,"unpackedSize":55779,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCm1LGLAs6g/S9IW6nnAQz63PT8OK8V7JF2DPPQwd0sCgIhAKbLbB0mooJ53FXcFC4K2hLDI8hjBb465nyt5uOw3IpT"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq9/OACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrBlg//QlbmUIParDWXUrSJPWNlg56szgQ2NScfdAki4NGxpV4VEC45\r\nUGl5zYIZlLJELYoAtea02+LJmJw3mQBQrABYxEu1VtPta7Pa0zpIzX2l78Iu\r\nVPIxspTy0TJBUIkXah9vgHbHEnAZxGC12bxwf4AcBBVZyJkNEIjpt9j7DGZw\r\nBJG+Nlqv2Ms5cHyjJ62e9LZ7I/2aOyj/TNEN1iW6JRxp5RTQ+WdLWsNupKps\r\nRVO2HZVpamS09S3DRKM9+M67t5oAMdWRsYQ3OCnRjQYmaoxyvmjhMsqtxBjp\r\nim5emoP8T/ijfQq2n6fHDvqbLEVy3bT7eorZTLOwRTyiUqtrLJKyuqmhZrUz\r\nbRJ/DHEsvj2RHhrCfVNZ58wHrvYOMtTDJfW3FWlHSApiGPrN2c5v5htyWZXD\r\n37Z/FjLbK40kObnIe3LHPB5nh0+X4wSZvQ7g0wUpSNQzw+moTEuMmcU3yNv1\r\nw5NoKJEueE2Mo0buRYLgekaCxIjMq92FtshLqn+z1/zfQCVXLkvOlR36eweA\r\nd848+5wbl3y+I5LLBLt2w3ERwCBvH+Osi7X8/ehunDhgZDzTipzT6cw40Ngp\r\nAn+fmwhtitX08pSnb5k7p7bynOQCJygMuks2eQWfjVH9ED6hLJ+vt4SbWpOY\r\nwbRADLJxp7Fre9XoU/vibU3JsSWiGnTiPlg=\r\n=8KoV\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"datong2000","email":"2829099680@qq.com"},"directories":{},"maintainers":[{"name":"datong2000","email":"2829099680@qq.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/a-canvas_1.0.1_1655431117869_0.8514728396007245"},"_hasShrinkwrap":false}},"maintainers":[{"name":"datong2000","email":"2829099680@qq.com"}],"description":"前身是tag-canvas,进行修改后的产物","homepage":"https://github.com/datong2000/a-canvas#readme","repository":{"type":"git","url":"git+https://github.com/datong2000/a-canvas.git"},"author":{"name":"datong","email":"2829099680@qq.com"},"bugs":{"url":"https://github.com/datong2000/a-canvas/issues"},"license":"MIT","readme":"# a-canvas\n\n---\n\n### 下载 & 引用\n\n```javascript\n\n npm i a-canvas\n \n import ACanvas from 'ACanvas'\n\n ACanvas.start('xx','xx','xx')\n\n```\n\n### 说明\n\n> 前身是 tag-canvas，很不错的一个转canvas3D圆形工具，但是相关文档几乎已经没有，所以自己重构了一下并补全文档，修改了一些已经弃用的语法和删除一些功能\n\n### 改动\n\n#### 删除以下功能\n- 播放音频功能 (感觉没什么意义)\n- 图片功能 (这个插件不支持使用图片，有图片需求的小伙伴还是要用tag-canvas)\n\n#### 修改如下\n- `start(xx,xx,xx)` 第二个参数不再只是获取元素 id，也可以通过 `.className` 实现\n- `updata` 函数暂时以 `reload` 代替\n##### 关于 a 标签\n- a 标签内使用 `br` 将不会换行，因为会有额外 bug 增加，所以去掉了这个功能\n- 设置字体时，新加/修改：`textFontStyle、textFontFamily` 属性，如果要使用样式覆盖的话，请使用 `font` 属性 \n\n### 初始化 option 所有参数说明\n\n| 键值 | 类型 | 默认值 | 说明 |\n| -------------- | -------- | ------------------------------ | -------------------------------------------------------------------- |\n| shape | string | 'sphere' | 共有动画模式：`sphere`、`vcylinder`、`hcylinder`、`vring`、`hring` |\n| lock | string | null | 锁定方向：'x' 或者 'y' |\n| interval | number | 20 | 动画执行间隔时间，以毫秒为单位，值越小越慢，否则反之 |\n| activeCursor | string | 'pointer' | 元素瞄准后的样式，可参考 `cursor` 属性 |\n| textColour | string | '#000000' | 默认文字颜色，也可通过元素样式覆盖 |\n| textFontStyle | string | '' | 遵循css中的font，同 style、weight 两个属性 |\n| textHeight | number | 16 | 遵循css中的font，同 size 属性，设置默认文字大小 |\n| textFontFamily | string | 'Helvetica, Arial, sans-serif' | 遵循css中的font，同 family 属性 |\n| initial | number[] | null | 球体朝向移动，第一个参数为 `x`，第二个参数为 `y`，推荐使用 [0.1,0.1] |\n| hideElement | boolean | true | 是否隐藏 Element 元素 |\n| freezeActive | boolean | false | 瞄准元素立即停止 |\n| freezeDecel | boolean | false | 瞄准元素进行减速 |\n| frontSelect | boolean | true | 画布背面/远处的元素是否可以瞄准点击 |\n| zoom | number | 1 | 缩放级别 |\n| wheelZoom | boolean | true | 是否启用滚轮/手势缩放 |\n| zoomMin | number | 0.3 | 最小缩放值 |\n| zoomMax | number | 3 | 最大缩放值 |\n| zoomStep | number | 0.05 | 每次鼠标滑动滚轮时的缩放变焦量 |\n| dragControl | boolean | false | 控制是否可以拖动旋转 |\n| reverse | boolean | false | 瞄准画布后的旋转样式，前提 `dragControl:false` |\n| dragThreshold | number | 0 | 拖动的距离阀值，前提 `dragControl:true` |\n| depth | number | 0.5 | 控制 z 轴距离（0.0-1.0） |\n| maxBrightness | number | 1 | 距离远处的字体最大透明度 |\n| minBrightness | number | 0.1 | 距离远处的字体最小透明度 |\n| maxSpeed | number | 0.01 | 控制旋转最大速度 |\n| minSpeed | number | 0 | 控制旋转最小速度 |\n| decel | number | 0.95 | 拖动后的缓冲减速 |\n| radiusX | number | 1 | 画布 X 轴扩大倍数 |\n| radiusY | number | 1 | 画布 Y 轴扩大倍数 |\n| radiusZ | number | 1 | 画布 Z 轴扩大倍数 |\n| stretchX | number | 1 | 画布延伸 X 轴倍数 |\n| stretchY | number | 1 | 画布延伸 Y 轴倍数 |\n| offsetX | number | 0 | 画布偏移 X 轴距离(px) |\n| offsetY | number | 0 | 画布偏移 Y 轴距离(px) |\n\n### 演示样式\n\n> 以下函数均以此块标签模板为例\n\n```html\n \n \n```\n\n##### start() 初始画布\n\n> 类型：**Function** `start(string,string,object)`\n\n- argumen[1]\n + 画布ID\n- argumen[2]\n + 元素列表ID / Class \n\n```javascript\n // 第二个参数 .a-list #a-list 都可以\n start('canvas','.a-list',{option...})\n```\n\n##### tagToFront() 元素置于中心点\n\n> 类型：**Function** `tagToFront(string,object)`\n\n> object 参数\n\n- `id: string`\n + 当前画布的 id\n- `callback: (Canvas,A元素) => void`\n + 回调函数里的第一个参数为当前画布，第二个参数为当前事件元素\n- `time: number` 默认:500 毫秒\n + 执行动画的时间\n\n```javascript\n tagToFront('canvas',{\n id:\"a1\",\n time: 500,\n callback: (c, a) => {}\n })\n```\n\n##### rotateTag() 元素置于自定义位置\n\n> 类型：**Function** `rotateTag(string,object)`\n\n> object 参数\n\n- `id: string`\n + 当前画布的 id\n- `callback: (Canvas,A元素) => void`\n + 回调函数里的第一个参数为当前画布，第二个参数为当前事件元素\n- `time: number` 默认:500 毫秒\n + 执行动画的时间\n- `lat: number`\n + 元素移动到 X 轴某处\n- `lng: number`\n + 元素移动到 Y 轴某处\n \n```javascript\n rotateTag('canvas',{\n id:\"a1\",\n time: 500,\n lat: 10, \n lng: 10,\n callback: (c, a) => {}\n })\n```\n\n##### setDirection() 画布朝向旋转\n\n> 类型：**Function** `setDirection(string,number[])`\n\n- `[x, y]`\n + x 轴从 0 到 0.1，Y 轴从 0 到 0.1，所以是向右上方缓慢行驶\n\n```javascript\n setDirection('canvas',[0.1,0.1])\n```\n\n##### updata() 更新元素数据 (暂以reload为代替)\n\n> 类型：**Function** `updata(string)`\n\n```javascript\n updata('canvas')\n```\n\n##### reload() 更新画布\n\n> 类型：**Function** `reload(string)`\n\n```javascript\n reload('canvas')\n```\n\n##### delete() 清除画布\n\n> 类型：**Function** `delete(string)`\n\n```javascript\n delete('canvas')\n```\n","readmeFilename":"README.md"}