{"_id":"get-canvas-pixel-color","_rev":"10-470c54d98279930d87ba44a4e9ec8f4f","name":"get-canvas-pixel-color","description":"Micro module to get the color of a single pixel on a HTML canvas","dist-tags":{"latest":"2.0.1"},"versions":{"0.5.0":{"name":"get-canvas-pixel-color","version":"0.5.0","description":"Micro module to get the color of a single pixel on a HTML canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/bfred-it/get-canvas-pixel-color.git"},"author":{"name":"Federico Brigante","email":"bfred-it@users.noreply.github.com","url":"twitter.com/bfred_it"},"keywords":["browser","dom","canvas","pixel","2d","color"],"files":["index.js","dist/get-canvas-pixel-color.node.js"],"main":"dist/get-canvas-pixel-color.node.js","engines":{"node":">=0.10.0"},"scripts":{"build":"npm run es5 && npm run export && npm run minify","export":"browserify index.js --standalone getCanvasPixelColor > dist/get-canvas-pixel-color.js","minify":"uglifyjs dist/get-canvas-pixel-color.js > dist/get-canvas-pixel-color.min.js","es5":"babel index.js > dist/get-canvas-pixel-color.node.js","prepublish":"npm run es5"},"browserify":{"transform":["babelify"]},"devDependencies":{"babel":"^5.8.21","babelify":"^6.1.3","browserify":"^11.0.1","uglifyjs":"^2.4.10"},"dependencies":{"on-off":"0.0.2"},"gitHead":"57bc5378bfcf79b112c22e5cab9aa3d975491de4","bugs":{"url":"https://github.com/bfred-it/get-canvas-pixel-color/issues"},"homepage":"https://github.com/bfred-it/get-canvas-pixel-color#readme","_id":"get-canvas-pixel-color@0.5.0","_shasum":"cc60923a65bb2fd20ed0a5b89e4b233fa24bdafc","_from":".","_npmVersion":"3.2.1","_nodeVersion":"0.12.7","_npmUser":{"name":"bfred-it","email":"npm@bfred.it"},"maintainers":[{"name":"bfred-it","email":"npm@bfred.it"}],"dist":{"shasum":"cc60923a65bb2fd20ed0a5b89e4b233fa24bdafc","tarball":"https://registry.npmjs.org/get-canvas-pixel-color/-/get-canvas-pixel-color-0.5.0.tgz","integrity":"sha512-B5qxxkivrYDkfzpvV50SxyAlN314Av8TtXsuiijioysiC0c+grXoq9tnBDeLj5QeBhifIMK5ELxB0lrkOKIq/w==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDc4wcsqEWrTwGT9nJCT/jOnvQGyqSH4HdZEJSi9v/PAAiAJ3gHFgXXTeeSxZp1pC4tjee/MbMGYLoNSmYO/HEanYg=="}]},"directories":{}},"1.0.0":{"name":"get-canvas-pixel-color","version":"1.0.0","description":"Micro module to get the color of a single pixel on a HTML canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/bfred-it/get-canvas-pixel-color.git"},"author":{"name":"Federico Brigante","email":"bfred-it@users.noreply.github.com","url":"twitter.com/bfred_it"},"keywords":["browser","dom","canvas","pixel","2d","color"],"files":["index.js","dist/get-canvas-pixel-color.node.js"],"main":"dist/get-canvas-pixel-color.node.js","engines":{"node":">=0.10.0"},"scripts":{"build":"./node_modules/bfred-npm-bundler/tasks/all.sh index.js getCanvasPixelColor get-canvas-pixel-color","to-npm":"./node_modules/bfred-npm-bundler/tasks/to-npm.sh index.js get-canvas-pixel-color","prepublish":"npm run to-npm"},"devDependencies":{"bfred-npm-bundler":"^1.1.2"},"gitHead":"51c5be3ddcb40149f0505acc54ecb40faaded11a","bugs":{"url":"https://github.com/bfred-it/get-canvas-pixel-color/issues"},"homepage":"https://github.com/bfred-it/get-canvas-pixel-color#readme","_id":"get-canvas-pixel-color@1.0.0","_shasum":"cb75dbcfb9dc3a67f4b6fdca25e49aacd6fc421a","_from":".","_npmVersion":"3.2.1","_nodeVersion":"0.12.7","_npmUser":{"name":"bfred-it","email":"npm@bfred.it"},"maintainers":[{"name":"bfred-it","email":"npm@bfred.it"}],"dist":{"shasum":"cb75dbcfb9dc3a67f4b6fdca25e49aacd6fc421a","tarball":"https://registry.npmjs.org/get-canvas-pixel-color/-/get-canvas-pixel-color-1.0.0.tgz","integrity":"sha512-QQQwKOjp/Ml43RzoK9WQpZJ4G3pTeAtOmDlREDE1eKQnSVq0nICiMOwLJyML03d+1MvsLXCz9ikXZZL5nQh3Vw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHAtV4E7ZcqkAz4P3/JCwx63KG8/MmLHHIVvu8t9vei3AiEA2c3QaeX/KmUAp0zFuw49c+zLN0w9I7VgjIbl+Ysn3RY="}]},"directories":{}},"2.0.0":{"name":"get-canvas-pixel-color","version":"2.0.0","description":"Micro module to get the color of a single pixel on a HTML canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/bfred-it/get-canvas-pixel-color.git"},"author":{"name":"Federico Brigante","email":"bfred-it@users.noreply.github.com","url":"twitter.com/bfred_it"},"keywords":["browser","dom","canvas","pixel","2d","color"],"main":"dist/get-canvas-pixel-color.common-js.js","scripts":{"build":"bfred-npm-bundler get-canvas-pixel-color getCanvasPixelColor","prepublishOnly":"npm run build"},"devDependencies":{"bfred-npm-bundler":"^8.1.0"},"gitHead":"2864561b6914f2a4d0c1f80f15336d20dcdddd19","bugs":{"url":"https://github.com/bfred-it/get-canvas-pixel-color/issues"},"homepage":"https://github.com/bfred-it/get-canvas-pixel-color#readme","_id":"get-canvas-pixel-color@2.0.0","_nodeVersion":"11.6.0","_npmVersion":"6.9.2","dist":{"integrity":"sha512-CyF3hGB5ngGrXsohYj7GC+s6GEsy6Rt07UNfQj/NZBON1l2fhgw8Oov4HfFJhZXwDkEJWFjg9p566m4V0KadmA==","shasum":"a59937577cf1d9c2ae58d48d642ac4028f1cb23e","tarball":"https://registry.npmjs.org/get-canvas-pixel-color/-/get-canvas-pixel-color-2.0.0.tgz","fileCount":5,"unpackedSize":5491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdGeedCRA9TVsSAnZWagAAEMMP/jM3soVZM10p3FjUv17R\nytJDB+wnCy7Tz4fqH9PnEJ4pMfYc+YSQymO15SXkzKEHVk8l3O9vXvFwsrC0\nMQ3pOyay1lb73Vz2QnD601iGE9iXlWXAlLK6uBpNAH098y3VVvCAFgMtZ6If\nRCc/q0VvgOZ41VxuwMWKbtfL1jjfJ2qoosN2KmnUFl1d15mAWSNU2XMMAD5P\nJ04j6tEGHIyRARxaFGVtGcIgWcPGpuTMNqEkhu0pPy8QtqEfK+6hZt/2ELeN\n0ajl/k5HWnxRjZrDE3/l/k3C+kpmf3EUf+ItqXNvWD52isunb0IuigkO+Qwk\nNq+FXOsqpaNgkFMNrm6mGz5W+c86UVYUybpJdvhNDqcwJNcss0Pj5ryxgiBk\nBEjD10uj3l7XNQ3K/uhR4aHyj6LZwDvN+jOMCOQkCrNhoNhQj6f510LLHuf9\n58hmELDncNR6EQFcyv4NqIRmWPE1I9HxuCdGHZRyGlj0mdDSiMZyv1Jmfr/R\nLNAKGSFWOlYl/sUe4YwWCD4xkkrLWX1003+YAR1WkdJbZ3XsENxbRLuqCKmn\ne7dpqz9Iuq0VKxuidGefb5PffPVLPNWDqwCtQSEH02SdSUmeseGlY3KrIdge\nLn4MJGx2qblKY6d0DkV3XG8pbJ6+SkFbyfI0AtCbm3vqsn084kE3yWU7imrv\nK7Ev\r\n=QiFr\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF1vClyY9TTyVy3Ta9xlPesAYIfjg+QlLbVh3scOHJF8AiEAn0hK8Y0iyCqZIqkwur3RdOpkxhRYhDoPlj6ryFpYWbA="}]},"maintainers":[{"name":"bfred-it","email":"npm@bfred.it"}],"_npmUser":{"name":"bfred-it","email":"npm@bfred.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/get-canvas-pixel-color_2.0.0_1561978780140_0.528368325996492"},"_hasShrinkwrap":false},"2.0.1":{"name":"get-canvas-pixel-color","version":"2.0.1","description":"Micro module to get the color of a single pixel on a HTML canvas","keywords":["2d","browser","canvas","color","dom","pixel"],"repository":{"type":"git","url":"git+https://github.com/fregante/get-canvas-pixel-color.git"},"license":"MIT","author":{"name":"Federico Brigante","email":"opensource@bfred.it","url":"bfred.it"},"main":"dist/get-canvas-pixel-color.common-js.js","scripts":{"build":"bfred-npm-bundler get-canvas-pixel-color getCanvasPixelColor","prepublishOnly":"npm run build"},"devDependencies":{"bfred-npm-bundler":"^8.1.0"},"gitHead":"d284dba47fa81936b789c7f212be13db942b0232","bugs":{"url":"https://github.com/fregante/get-canvas-pixel-color/issues"},"homepage":"https://github.com/fregante/get-canvas-pixel-color#readme","_id":"get-canvas-pixel-color@2.0.1","_nodeVersion":"12.14.1","_npmVersion":"6.13.4","dist":{"integrity":"sha512-IpriFwZbdLBcaB+z4PKLhCruvYwVBv5hpEkFY4NSlKGQQAAaZmeWBHTT2eem3GHbOXQcgCNevJw9zQOsGb4+uA==","shasum":"e7553dd3cf52dac4b72b6544bbb251126b667be9","tarball":"https://registry.npmjs.org/get-canvas-pixel-color/-/get-canvas-pixel-color-2.0.1.tgz","fileCount":5,"unpackedSize":5761,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeaSTxCRA9TVsSAnZWagAAxiUP/2E7zkQZI1mgL/MjRctS\nnXCgSv+y/DuJjQUnkSNe0ZgPgGxWCX+8Cb0uxKE62CeCbPbZCJFBcv8z+Sh3\nF3GzR3YpI1Fuc8pKgbg0v5U5peMgun/w/YJU/JZxBTiC15kMk1w9fRXkUPkW\nwfyYo/kIfW+V71t4wo9Hc2RJ+0y5kEsvBJyCg1WKouZMXXANIFJWZwioIouS\nl5kE0Ns3w1ywfPAqC9BYuy7vc2uUxJUkAJSXSCnhpzqZnj6+AM5f6FCTD9s4\n0zvlC/zYCbCAM1bKluE3Y/ddKH4PDbGZSg/aOODV+TZVHvCfgtKlj5tXzG3m\n4yLT4M6vCpTI4IhGlo8oNHvtP9vdQLH3NE/B+DhMK9PS83V/I2uHaZPMR+2v\nS3ndPaXfTUVKoMUw6UbXgoGA5pKdPvkRAqAtM2vot4UeBGcTo1P4Ly+G62Yq\nhLpURZ6uJwtQkJjP69dxddatDXrJVqjD5N//clETgGG3X2/Alh6c+or+U0EY\nCzKo8qbMvwHY31MN4cJz9yOt7KK1/vdBGz0ezm/sJlP2dCoO5nPzz0qFBYYa\nsIBmtVmZcH+dVZ6a6gwQOdpH/YuGy8gFUfCMU6Qkh2YH5y8hAhbEGfIyOcIS\nsRMtwTcItDP4/4Vn7a9tiXWW4vBDTdJlfF1n5gcXvcNmw0pkNK+p0DpK6s+s\nZA+E\r\n=Jxop\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDAO7aAPDio+fOGJenhk3xS03K87AvE+fiCbqWqidMTQAIgYyIcz0LNUTpIEvf2ZUiZFBuyDz5OvQp8Lp2heTO6PFQ="}]},"maintainers":[{"name":"bfred-it","email":"npm@bfred.it"}],"_npmUser":{"name":"bfred-it","email":"npm@bfred.it"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/get-canvas-pixel-color_2.0.1_1583949040636_0.04302799172367222"},"_hasShrinkwrap":false}},"readme":"# get-canvas-pixel-color [![(size)][badge-gzip]](#no-link)\n\n  [badge-gzip]: https://img.shields.io/bundlephobia/minzip/get-canvas-pixel-color.svg?label=gzipped\n\n> Micro module to get the color of a single pixel on a HTML canvas\n\nThis is a convenience method around the canvas [`getImageData` API](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData) for just one pixel. If you need to get the color of a lot of pixels at once, it's best to use the underlying API: it's more efficient because you can specify the coordinates of the patch.\n\n## Usage\n\n```js\nvar canvas = document.querySelector('canvas');\nvar color = getCanvasPixelColor(canvas, 200, 10); // returns an array/object\n//==> [255, 0, 100, 0.9]\n//==> {r:255, g:0, b:100, a:0.9, rgb:'rgb(255,0,100)', rgba:'rgba(255,0,100,0.9)'}\nvar red = color.r; // 255\nvar red = color[0]; // 255\nvar alpha = color.a; // 0.9\nvar cssString = color.rgb; // 'rgb(255,0,100)'\n```\n\n## With browserify\n\n```sh\nnpm install --save get-canvas-pixel-color\n```\n\n```js\nvar getCanvasPixelColor = require('get-canvas-pixel-color');\n```\n\n### Alternative usage in ES6\n\n```js\nimport getCanvasPixelColor from 'get-canvas-pixel-color';\n\nlet canvas = document.querySelector('canvas');\nlet {r, g, b} = getCanvasPixelColor(canvas, 200, 10);\n```\n\n## API\n\n### `getCanvasPixelColor(canvas, x, y)`\n\nparameter | description\n--- | ---\n**`canvas`** | Type: `canvas element` or `canvas context`, *required* <br> The canvas from which to take the color\n**`x`** | Type: `number`, *required* <br> The x coordinate of the pixel to read\n**`y`** | Type: `number`, *required* <br> The y coordinate of the pixel to read\n`@returns` | Type: `array/object` see usage example\n\n## Files\n\nHere's an explanation of the files included in this repo\n\n* `index.js`: source file, in ES6\n* `dist/get-canvas-pixel-color.js`: browser-ready file with AMD or a global variable called `getCanvasPixelColor`\n* `dist/get-canvas-pixel-color.min.js`: same as above, minified\n\n## Dependencies\n\nNo dependencies.\n\n## License\n\nMIT © [Federico Brigante](https://bfred.it)\n","maintainers":[{"email":"opensource@bfred.it","name":"fregante"}],"time":{"modified":"2022-06-18T07:45:52.697Z","created":"2015-08-16T19:31:56.025Z","0.5.0":"2015-08-16T19:31:56.025Z","1.0.0":"2015-08-19T08:38:58.828Z","2.0.0":"2019-07-01T10:59:40.257Z","2.0.1":"2020-03-11T17:50:40.780Z"},"homepage":"https://github.com/fregante/get-canvas-pixel-color#readme","keywords":["2d","browser","canvas","color","dom","pixel"],"repository":{"type":"git","url":"git+https://github.com/fregante/get-canvas-pixel-color.git"},"author":{"name":"Federico Brigante","email":"opensource@bfred.it","url":"bfred.it"},"bugs":{"url":"https://github.com/fregante/get-canvas-pixel-color/issues"},"license":"MIT","readmeFilename":"readme.md","users":{"bfred-it":true}}