{"bugs":{"url":"https://github.com/alibaba/rax/issues"},"dist":{"shasum":"1ecf04dc9e60fc24440cdde5b4db42a60c0f0c74","tarball":"https://registry.npmjs.org/rax-canvas/-/rax-canvas-1.1.0-0.tgz","fileCount":11,"integrity":"sha512-qR3mLMdB9SBwhYqTGd8HGtrG5roTV6hWVfi1+b2Zs/TSrHJ8Refpg291KV5C+KV8DLS1V3YSoX+m1VEYQCfPGA==","signatures":[{"sig":"MEUCIQD7q4vFDGfHu9ifcCKtfNibrlMB3kofxTv69w22/+ikxQIge1N9pUdOx9lAzcpjbCZiksN7wutXjjiKpA6DQm0z9UQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10063,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdccW8CRA9TVsSAnZWagAAoRkP/iCmzMjhRen7EwkXAh1F\noH8vDJ3eYrncew3tE2BU99E8rNQe7ebVHSm9dNc1Eltyvaa41EAuHLvNpdnL\n9bq4p/aF8p3MKSs7wV+8Tx93Z1HN9FsqDWwcxYKIwxIUECpeT/HAGhugiPGh\nFf6Dv2Kkrg+lewuc8mEaPOrXseM+AFCYubjDwF+HD39nhDmt10QSVqnj1FWR\n3Qig6DFmU6yinSLUNrcQyZFra8Kex0QTOCXAWGoSNwr/KeRZULWeyFzMNhTh\nEBug/WYvnAlqiarxl5X6RczHBOlOCPWaCy4m++zSg3sFZ471UI3UGHFJxbDC\ngOPytlMFAQqvHtNRDBFTDsVuOPxLvXocO2DH4s1J16TgcQwokH+EoTG3jSH4\nRWiHWySIAY8I7Aaeu2mb4K8gbBLIo6UGtDaFncLmIKEq/kUwPV8Lvn3rpWvF\nb6ZMOkfOTO8jdDCyYhQH3rlvA6XeXK1iGWmkANKlBkn9VCQWyVBHWEcVQYOv\n02sDY7O5iRKHKk6Wi2c/W3CRrGwaIVxYkDk6uvikQrBuAqqL2VFF2D302ggv\nXEhKPngzxFDXz1ak7xOnnNb7AWAXM3iAGQrSYN4clMKoZ+hdBSL6QD4ce5aP\n8yekDW1/Dzl6WJfaKhKLJhlEcQ6Ca9ThegOjqYSo9OmqdFt3oPJZsYBE+ZBO\n+F3h\r\n=0ZUe\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","name":"rax-canvas","husky":{"hooks":{"pre-commit":"lint-staged"}},"readme":"[![npm](https://img.shields.io/npm/v/rax-canvas.svg)](https://www.npmjs.com/package/rax-canvas)\n**描述：**\nRax canvas api.\n\n> 在weex上依赖 [gcanvas](https://github.com/weex-plugins/weex-plugin-gcanvas)\n> 在小程序中依赖 [canvas](https://docs.alipay.com/mini/component/canvas)\n> 在weex和h5中需要通过ref获取canvas实例，在小程序中需要通过id获取\n\n## 安装\n\n```bash\n$ npm install rax-canvas --save\n```\n\n## 引用\n\n```jsx\nimport Canvas from 'rax-canvas';\n```\n## 属性\n注：\n1、**支持**列表中的 <img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表h5 <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表weex  <img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />代表小程序\n\n|**属性**| **类型** | **默认值** | **必填** | **描述**           | **支持** |\n| ----------- | ---------- | ---------- | ------------ | ------------------ | ------------ |\n| style | `object` |  -  | true |通过style中的width和height指定canvas的高、宽|<img alt=\"browser\" src=\"https://gw.alicdn.com/tfs/TB1uYFobGSs3KVjSZPiXXcsiVXa-200-200.svg\" width=\"25px\" height=\"25px\" /> <img alt=\"weex\" src=\"https://gw.alicdn.com/tfs/TB1jM0ebMaH3KVjSZFjXXcFWpXa-200-200.svg\" width=\"25px\" height=\"25px\" /><img alt=\"miniApp\" src=\"https://gw.alicdn.com/tfs/TB1bBpmbRCw3KVjSZFuXXcAOpXa-200-200.svg\" width=\"25px\" height=\"25px\" />|\n## 方法\n获取到canvas示例后，具备canvas的通用方法\n## 示例\n[在线 Demo](https://jsplayground.taobao.org/raxplayground/ad464789-0503-4c6d-9e3c-4b9794b74809)\n```jsx\nimport { createElement, Component, render, createRef } from 'rax';\nimport Canvas from 'rax-canvas';\nimport DU from \"driver-universal\"\n\nclass CanvasSample extends Component {\n  constructor(props) {\n    super(props);\n    this.raxCanvasDemo = createRef()\n  }\n  componentDidMount() {\n    const context = this.raxCanvasDemo.current.getContext();\n    context.fillStyle = 'red';\n    context.fillRect(0, 0, 100, 100);\n  }\n\n  render() {\n    return <Canvas style={{\n      width: 750,\n      height: 750\n    }} ref={this.raxCanvasDemo} />;\n  }\n}\n\nrender(<CanvasSample />, document.body, { driver: DU });\n```\n\n\n","engines":{"npm":">=3.0.0"},"gitHead":"165bd1a709836846e15c5bd91494728eec08ced1","license":"BSD-3-Clause","scripts":{"lint":"eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix","test":"rax-scripts test","build":"npm run clean && rax-scripts build --type 'component'","clean":"rm -rf ./lib && rm -rf ./package-lock.json","start":"rax-scripts start --type 'component' -p 8000","miniapp":"rax-scripts start --type 'component-miniapp'","prepublishOnly":"npm run build"},"_npmUser":{"name":"recover758126","email":"761647716@qq.com"},"homepage":"https://github.com/alibaba/rax#readme","keywords":["Rax","rax-component","react-component"],"repository":{"url":"git+https://github.com/raxjs/rax-canvas.git","type":"git"},"_npmVersion":"6.9.0","description":"canvas for Rax.","directories":{},"lint-staged":{"*.{js,jsx,ts,tsx}":["eslint --fix","git add"]},"maintainers":[{"name":"liangzhi.llz","email":"liangzhi.llz@alibaba-inc.com"},{"name":"recover758126","email":"761647716@qq.com"},{"name":"wintercn","email":"csf178@gmail.com"},{"name":"yacheng","email":"narutosun2@163.com"},{"name":"yuanyan","email":"yuanyan.cao@gmail.com"},{"name":"zeroling","email":"wssgcg1213@qq.com"}],"_nodeVersion":"10.16.0","dependencies":{"gcanvas.js":"^0.0.7","universal-env":"^1.0.0","rax-find-dom-node":"^1.0.0"},"miniappConfig":{"main":"lib/miniapp/index"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"rax":"^1.0.0","husky":"^3.0.5","eslint":"^5.16.0","csstype":"^2.6.4","typescript":"^3.5.3","@types/jest":"^24.0.12","lint-staged":"^9.2.5","rax-scripts":"1.2.1","@rax-types/rax":"^1.0.5","@types/ali-app":"^1.0.0","driver-universal":"^1.0.2","eslint-config-rax":"^0.0.0","rax-test-renderer":"^1.0.0","@typescript-eslint/parser":"^1.7.0","@typescript-eslint/eslint-plugin":"^1.7.0"},"peerDependencies":{"rax":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/rax-canvas_1.1.0-0_1567737275257_0.40112472510298347","host":"s3://npm-registry-packages"},"_id":"rax-canvas@1.1.0-0","version":"1.1.0-0"}