{"_id":"@jrc03c/create-high-dpi-canvas","_rev":"27-5d469f3746fed75de246315994d1d144","name":"@jrc03c/create-high-dpi-canvas","dist-tags":{"latest":"1.0.33"},"versions":{"1.0.0":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.0","author":{"name":"jrc03c"},"license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.0","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"5dee7c5a274fc7d265541eab1cc4e293d8a837ea","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.0.tgz","fileCount":4,"integrity":"sha512-2adcH4t970Qw5WKkI+Glxs3wTjmBMmuzS6iv50eQL4pWEWiJvtCvrjnMB7lQ9X6Zfcvv0D7NDHphwxFXmWsY5Q==","signatures":[{"sig":"MEQCICcO3a52zq1RpNdnMV1vg8GzIv7yA60C851GJprAGHHJAiAMiG/Tc2gBvAVDOYnIFm6o1i+cdz1wFJr5uRfmn3WngA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2037},"main":"create-high-dpi-canvas.js","gitHead":"ef04c0638606fe0ac120424a7da7ffe13f7b6fb8","scripts":{"pub":"npm version patch --force && npm publish --access=public"},"_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.8.3","description":"creates a element with the correct specs for high-dpi screens","directories":{},"_nodeVersion":"22.9.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.0_1727704190192_0.5641392826928513","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.2","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.2","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"2065564d8194a2037ef0a239d968addcf240eb93","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.2.tgz","fileCount":4,"integrity":"sha512-h2nT/mv13KNzYZHE+4lQ4PbEt6RFqkPQE7oF5fphPoJ8H3fO1dG7rHofOTp/kWE30tgg99Y/QfKqE6hXNUST1g==","signatures":[{"sig":"MEUCIQCvAQEE6JszvbDNnTbzJjmNjWv/jQ5H/z60h3a07D3BegIgcSovbzTPWKECPlinbF60T9uI8KXMWCz4uFRpsOkBza8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":2286},"main":"create-high-dpi-canvas.js","type":"module","gitHead":"f706f87b8a97980a022b8b8599a8993f4cee6812","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.2_1728077672493_0.220672382666518","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.4","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.4","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"29bd6be38257338c1fd14b9f1f7073fef63beab3","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.4.tgz","fileCount":8,"integrity":"sha512-jvKyTv95QrOC9iNjiiyTA6NfkWnjRnMHclZak2PckZopcSy4nXrEQppIdDqG3fvboP+aKmvcFhPrcqhM9lrYAg==","signatures":[{"sig":"MEQCIAEM0X6yeHKno/IpEWmyNHqKy5ZmRoI+RRvXpbHzRKAyAiBh5yn8kCZ4y391Yoytvntjmx2Y1R3xLs+sKynTTDS6IQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5579},"main":"src/index.js","type":"module","exports":{"import":"./src/index.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"f1cefe7cac1b5691cfdcab2806ef4d5301ef1b45","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.4_1728481153036_0.3892345248578266","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.6","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.6","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"fe2a0815537aee7c2df8a49866b9482ecff06f87","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.6.tgz","fileCount":9,"integrity":"sha512-tcyVhNxejpG9PvE1kmy3o+dwpxmYRUDVYxbMn4nKNS2xq4k1gtiEvWH8Z5AYZNaei32mLiM+Ou1w5P+7nlBVjA==","signatures":[{"sig":"MEQCIGsvuygrv2VVKYr9GsRMOPlJooYGs+7PqEL8pYHt9r/CAiAesn2EkdlVziA0HQG56rCEt5lNDWM/8Ohbs+SBmdTcyg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6296},"main":"src/index.js","type":"module","exports":{"import":"./src/index.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"e0384265ec195db8cca38fc4ba338e5aa2476fa4","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.6_1728517478272_0.07268530893482406","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.7","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.7","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"d4880cdb9cd0f95ca2da0d5cef5abb5818d1c90a","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.7.tgz","fileCount":9,"integrity":"sha512-NDg+u68bK6Fzh8Ap5t3KLdmgS0jFFpNpoY/Qc1cObox//jyel1ynFyTSx/gBahzsVrXwv26FUB7bmBG8cRf4yg==","signatures":[{"sig":"MEQCIDEUxSymLiHyxGObLMPfKu9GJTxScVjgZ9+0CiCop6dXAiA5mGBE8VcdZFag0qyVbhCjjp21VBmUHoyljhhDGEPpKg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6350},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"540f1fbd59d5a55f4c2dc8f31ae9108716eb4fee","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.7_1728517832785_0.3060723059959709","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.8","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.8","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"6bf525ee056b4ceef7293790877ecb6941cd10f3","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.8.tgz","fileCount":9,"integrity":"sha512-blGZk7K26CfESVhzO7VzEzowbQscYXZSGe8WHRfGNez2X/iASabXGClb+ThyYwqb6Y6GhVcq1zCdjXbI1/kqMQ==","signatures":[{"sig":"MEUCICwnm4yWyOjdCWfOpfM6IleXnHsR9LPnhWhbN80xQShMAiEAl/Rm+8FxvB9F3wouxK3Pz9OXVmueDTxWxCeAKUUXUyE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6357},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"b0e8a43f7d1caed366ef95823ff03a6eb017013c","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.8_1728518081020_0.5687422079762252","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.9","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.9","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"3e7478844da1b2d58b940aa9cb8b593a8dc6c858","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.9.tgz","fileCount":9,"integrity":"sha512-bKUJsuMDOCNaSMZGQlb4z1MlciXvWKnyTpe4nyFlpgpbErPJQZfFzFBa7YnwU1R0apZp21W+y0JkG0FcUqGonQ==","signatures":[{"sig":"MEUCIAyUiz8VKtpM07s8Lns8aRVn9m6WAm8gdw28rHJBP+BxAiEAs8MTGMHxS8DswVjalaHaG8X25XckVxR3OvnYxweLzaU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6413},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"fe809a1d5491e89cb560b1226fc48891f8abbca5","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.9_1729182962833_0.36927833270239185","host":"s3://npm-registry-packages"}},"1.0.10":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.10","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.10","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"a9ff53c441ef161ccbb07e3fe53ba14b153321bf","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.10.tgz","fileCount":11,"integrity":"sha512-sW+AZcPB+ALFJx6NcjH3KSIeRANpt+94rRQi9GcdlwjtAnWZd6QwHzNEcrgW4VELxHtacexEgEek89zBdXIlAA==","signatures":[{"sig":"MEUCIAWk2FSzewDKKjWBu5u20zXbl7BAlpcbyOxSygJDHPDIAiEA55zK4Jz/HI2g4q4myfhXxNSuzEN67/ff2jHYodwn4rc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34171},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"028e7b23299286c0ffa04939acd54cf5f59e7e59","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.10_1729791487954_0.968472302663304","host":"s3://npm-registry-packages"}},"1.0.11":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.11","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.11","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"f5ad43954a18e324c738d29a0383c24b12a6ae1e","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.11.tgz","fileCount":11,"integrity":"sha512-UgbT0yZdvURReLox25gnsphHqMAOa44EV5/4+ulhr4aTOttgKPwFsWskNyUHsChl5nSbkJxbr4v/H2uJ0Zo0MA==","signatures":[{"sig":"MEQCIC0xbPM3JAa/XBuMa04jWWPasRjU9bRZ1Eq+QwtnB2k4AiAvq7OoeKVqyX4FDFYys31xRTNeUoXq+lxnpTKEW3hLag==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":37080},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"42199ea7375589fa645ccb87afff40391dc2688f","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.11_1729807481547_0.7813065227521256","host":"s3://npm-registry-packages"}},"1.0.13":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.13","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.13","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"1ce70f7d05d8a48fa75d5bc6f14a4ab3162828ab","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.13.tgz","fileCount":11,"integrity":"sha512-hatME2jM12zpK8HnUNa+VRSa36mNayNnpYVHaIg9N98xNBxVhGw8M50vjul6RmNGepKX3bTmbudzrH/AzoWizw==","signatures":[{"sig":"MEUCIQD696oxXdeAm81Y4lnhE+VLhPJilZ+F9egxDuzZuMlwqwIgcGsCySCwL6AIcfHutoD1oNEk3buZGceERZncjICCWc8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":45052},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"0346ecc40475ef6905259f69f5e2835cb0a86146","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.13_1729817477016_0.6971916203542821","host":"s3://npm-registry-packages"}},"1.0.14":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.14","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.14","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"ba39492b3595965ff155d186778e0a111abd7200","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.14.tgz","fileCount":11,"integrity":"sha512-y7XnMOMYzIy+xcgsLM3CcE4AccB3VOHIEvHBCDNfEKzMvui4Gr6cyz1KuILXWrRK00zhOiY+aQawdAmSOHTjaA==","signatures":[{"sig":"MEUCIQCpOY/ZoIjhnSuD4f8K43zD98cCB0tWUU9UUboFez2wuwIgFjSO2MPgNZpr/rO6GJVqMGSVtcPOfrZ2W+o10vX53bc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":899852},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"b8f3a84c8f431152089d5c26709d82836f301d5a","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.14_1731214230806_0.062128918412294176","host":"s3://npm-registry-packages"}},"1.0.16":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.16","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.16","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"5b05e744eabc4d59694e7cc4dc1de38fffd831aa","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.16.tgz","fileCount":12,"integrity":"sha512-2dUkWtGLj0c5L/A1Wl2ZnisJEvVADvuNGAkwixxnY/SoqpMIACKB6AAF7vIay5CbrJDloostVZGFaStNyp3Agg==","signatures":[{"sig":"MEUCIFczbU3SfuVIGJjJH7tB0LSkPTBLlF2z8PDZfkc2UDtwAiEAgG1d28mW3AoXUHkqxPcCsiU024ewm8PqqMHnRYkBNsk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":902548},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"e6b0f551b6fcff5081fa064ca61122cc73eaddbc","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.16_1731332889012_0.07673514587361052","host":"s3://npm-registry-packages"}},"1.0.19":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.19","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.19","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"0b61101f1e4cdf6877f47ff16a687d845336ca08","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.19.tgz","fileCount":12,"integrity":"sha512-gCbSpoMw+klKpfSMWPG6etRYxz7UpHiadgiWZ74+FC/GWO3ErLWpHyJ+ReNKx31rbMYMCe+Idr72lLsqg6qqbg==","signatures":[{"sig":"MEUCIQCmDBjFuPr/E4Dp6jOo8QJmW7uvVNfUYJBGTujiz/KW0wIgbcllffuW0BNe3jdXY5Ln3zmKuUJu//ycAAoDZysVEL4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":902717},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"d8488063ee6395ba64d388216b3e2a2b2cb7baf2","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.3"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.19_1731336370348_0.4417911125174916","host":"s3://npm-registry-packages"}},"1.0.20":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.20","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.20","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"3e1a99397e30f17bb4a193c583e81dd9b5226678","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.20.tgz","fileCount":10,"integrity":"sha512-okMyhDPQ2IZ1Bi9UJwgEoN22UXTcOXgW01rcE2q1Fpw/cASdIQbAtFNqP7HaNVAia3tvmhrWXTaDur46IYJVbA==","signatures":[{"sig":"MEQCIGQ1VO8c5tQGnH3T7ErbBcyqdXIkvdWm1QBcoCNsr/KvAiBIA6c4gICtJVwJAOu9NzejVlpV/JlYqu84GsuRgKTFdw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":314694},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"c5c2f93e92d3af96689858a992795fa109800f79","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.7"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.20_1731338797067_0.5928921553394402","host":"s3://npm-registry-packages"}},"1.0.21":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.21","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.21","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"48f2c962ba71524e688fd30c2243d8a54848ca1f","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.21.tgz","fileCount":12,"integrity":"sha512-rp5kjEm6oQVepy4+pLGxxKWc7Z4iKcsKLIBtebC57ywKR70io4IvqhN4QTkfd5oEdWUJ4YhZkeSjJGn+y65z5g==","signatures":[{"sig":"MEYCIQCpErp5lPjStvoBkW22wNjrpoIWA3H9iKN0j1ZxuDdgLgIhAIOIrFcavO1Rxv/3QlPFuiUeB2KMK4kMPy4P9fwyJsUD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":902698},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"3dfeb3a65145381a022bb57937e996e430481490","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.7"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.21_1731338915589_0.3394037136807986","host":"s3://npm-registry-packages"}},"1.0.22":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.22","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.22","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"02b964e24122e715530d17c0fb2fb326600ffd66","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.22.tgz","fileCount":12,"integrity":"sha512-fihDWwJA+NM5QSJCR4FP5WOYNZcBU6mqYD27gWmi+JgnhVcfnrB6aGSh2B4De/vvu8LsPZSRMm91ainxwS0CUA==","signatures":[{"sig":"MEUCIFlQRWyAugb9U1ujjoqRcrtXmbHjP65AIWovsFcCWZ7BAiEAyonWtAVIK838WhV+nNvqRqOhLdU3EK0KFccMwzz1PjQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":902698},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"0c91a35179077e150b7daf816687cef51fdab9dc","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.8"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.22_1732641972927_0.4391189532425195","host":"s3://npm-registry-packages"}},"1.0.23":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.23","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.23","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"0b5efcd5dc016004168a9541e49ba273007cf940","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.23.tgz","fileCount":12,"integrity":"sha512-QEVA2aiRJVaB/Kkcv/Ho5xUqkFqOjgnH7jp37kRn2yM5zEW3pdiVPsAtqr2Vu9SHI36bUAOc4hA7YC3B/qrjHw==","signatures":[{"sig":"MEQCIBPiHYkbFilCTqN+1dfUZp9vyXuuu9O97C+c3PCEcSIrAiAgykvBowYB1+KTAFCir20wo33uEFCX90uMcNk0+clAKw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":902697},"main":"./dist/create-high-dpi-canvas.require.cjs","type":"module","module":"./dist/create-high-dpi-canvas.import.mjs","exports":{"import":"./dist/create-high-dpi-canvas.import.mjs","require":"./dist/create-high-dpi-canvas.require.cjs"},"gitHead":"684a05410b8c0217ee635dc3f23f2e4a7da2b115","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.8"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.18"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.23_1739486212900_0.8790310320676833","host":"s3://npm-registry-packages-npm-production"}},"1.0.24":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.24","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.24","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"90e33f68d7f965d5b4804ec63c5f9729c0af2d85","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.24.tgz","fileCount":13,"integrity":"sha512-7c1LadxObunwbQ35zjqKEL2sfzAoq0OlXYqvtDJO4ndRThe7uoLKR7ZONP5snQPAkx0O/pSOAFf5nODeFPKrfw==","signatures":[{"sig":"MEYCIQDkXUye5rqzl2m70s/Lc+gJ3czVTEsCuT9Fs/JQxjuNcAIhALY419tbtwiivTTlhI2UV+GCq+lKWH8FVzBBBFXrJUyy","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":197893},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"c3befdebaba998768219e36221185de2da2230c7","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.19"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.24_1740605369082_0.8861332679667071","host":"s3://npm-registry-packages-npm-production"}},"1.0.25":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.25","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.25","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"544ec1ff87b4b943a601eeec88a4b5ae34ede4cc","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.25.tgz","fileCount":13,"integrity":"sha512-/zHwARvzflYlZo67zkBioT+9cCZ4zlaAzz3BK89hU33mT3xifXgqoZR1P03qh5vLTxETx1qewPckNehAsiLdqA==","signatures":[{"sig":"MEYCIQDiAJUiidqxkvrjQi4TZNuLF69CvmeyOD+2K1DoeAOodQIhANVkmQOGXT4a95+clocv5twxhASl84iwW0en6YEZWlPb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":199172},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"140067c060df9c94e2ceff6098fedb3a7b80249b","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.19"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.25_1741014014515_0.36532879166178844","host":"s3://npm-registry-packages-npm-production"}},"1.0.26":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.26","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.26","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"6c0c1c287c743bd628e07eb818a02011f070c7cf","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.26.tgz","fileCount":13,"integrity":"sha512-DTq2EksN7evqU4/SZv9my/9rG55Rb5MpRUUdHbK4MZtxv4URyQg4KYi5NFFdFMsr9n52FF4UuYPrLKaNB2jo1w==","signatures":[{"sig":"MEUCIQD4GjvCNIN5aAveGbtB2vZvUYHGORs1fo6ZzcFjf/gWbgIgAhfl8G49CTBtrBrz0x0Da1bIMuxcf3yvIDz7qT1hh6k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":199131},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"99a564ec2ef6302bb6bb90474f9aef4667addd18","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.19"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.26_1741014875497_0.3028292548098761","host":"s3://npm-registry-packages-npm-production"}},"1.0.27":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.27","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.27","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"62eb564b3ea2da138448196c0e88038c5f81707b","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.27.tgz","fileCount":13,"integrity":"sha512-twoTNmuZYAZxS21nqygIJnuNG4YmCjy9e48qCywkqTxsz2JVOgxdr0WB3WKaEM0kHzXJDym1ZXTEnDH+jdcLVw==","signatures":[{"sig":"MEQCIBuAILVCFovmtjjKaIkik21KU5wo/5N+wwiy0pOfj4quAiBojLSwQd4HB27Ng7C5VLcBW7qw57kGHa/vrLVCU+kAIg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":200689},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"13bfa6a6ba79950fd9dfdebc74d074d8d733661a","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.11"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.24.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.19"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.27_1741018452480_0.7150929566335082","host":"s3://npm-registry-packages-npm-production"}},"1.0.28":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.28","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.28","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"0d974c6005e30689f3ee85d19ab3891d24152764","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.28.tgz","fileCount":13,"integrity":"sha512-Dvmne7dAiKTHPmtdReJREcKcKw73ZRpMfzvdb7dr3WqrIYu2qVGTzSVhqEzRKl5bJNVTSFAd1pBi1m9jZZQRug==","signatures":[{"sig":"MEUCIQDQohlLdKyMbhzs7OcXOFiaKkBIYyJdEAJeDAJXbghxGgIgfwmj4c+LAKyHFEIEiVB+T22GsDremPnCMgZpUyQk84A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":200549},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"d12a1c70c0fdc767cfbabb69d0d3da0fd6a8822b","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.12"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.25.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.20"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.28_1741111694799_0.7647645867479036","host":"s3://npm-registry-packages-npm-production"}},"1.0.29":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.29","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.29","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"69fb66ae69fab4509b5dac1aa251604dae33e524","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.29.tgz","fileCount":13,"integrity":"sha512-ByRG1X+c1eLZGovY2K91ju301CjvneA2RSxn6zgeU9DnACGIjb4WfPsnkZ7OR/YFv57/E4RiRYWG4PsgwjsDFA==","signatures":[{"sig":"MEYCIQCpIoQZ4kGSka5y6gYj/xbif5dYoMwfW/DIbg7ItBsCXAIhAJQCEOjqIvWTgIqZzXbmxh4qnvoCXdZ/QbHAhROv+oHR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":200682},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"df9ce07f20d0bd97e05d6e44d51155cecda58be7","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.14"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.25.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.20"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.29_1741617818430_0.3306814673242455","host":"s3://npm-registry-packages-npm-production"}},"1.0.30":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.30","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.30","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"c5fd9ac2b8f3467d878d640187c6426e7b2bc11f","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.30.tgz","fileCount":13,"integrity":"sha512-jkjfGYvhpcnUE+o+QTYKQasl9aSkjrFijiQV4jA/58oKnobbcq6bT1lKaVqO13Xbdmm1V0xuraZGRa6DH3bx1w==","signatures":[{"sig":"MEUCIQDThfGgF+pEHPmVpgk2t0rxA97zs+ysJHIaNwsKw7oUwAIgKPSUmCUQ+GamKdx8KFhzOtTVUe6MiKymFtXDnbhbsN0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":201266},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"58ee66e647a0cdac87be03505ddd68f90140120d","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.15"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.25.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.21"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.30_1741880038355_0.44730313784140874","host":"s3://npm-registry-packages-npm-production"}},"1.0.31":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.31","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.31","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"3b39c3c922b030424fcbcb4572588e09b3022eaa","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.31.tgz","fileCount":13,"integrity":"sha512-e/8YdXl/JC8ySIoui13vtWobuWP7yJxZfnRd73gJ1NNulv4xmCAKyTORxTWCMUxXW6Odustn9aWISePHRosvuA==","signatures":[{"sig":"MEUCIFK/3hFuoxMUPkLEjkgjbH41q/Wx6BRB51Nf9ekd1ot7AiEAvGeHsgELerqlhnhn6sytPJpq6KuEHNVc/V7m10nazmU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202059},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"99753deac2de1aa53dd0d40983b31c9798355c51","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.16"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.25.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.22"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.31_1747607194691_0.15635828127018203","host":"s3://npm-registry-packages-npm-production"}},"1.0.32":{"name":"@jrc03c/create-high-dpi-canvas","version":"1.0.32","keywords":[],"author":"","license":"ISC","_id":"@jrc03c/create-high-dpi-canvas@1.0.32","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dist":{"shasum":"17835fcac1a398af749d443c824a5cffb94b9aa3","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.32.tgz","fileCount":13,"integrity":"sha512-CTjqVJwzpr51wHFxDVcqj+yAJlOwmwFBmQMVMQacrQBDTf0PP6CYqxUuJiVW42kdtfa2yC9K45y3KQMmFvVkeg==","signatures":[{"sig":"MEUCIQDTflZ9oy66Ox9ey7++nXfaNPEHuiwPSH603TJLBpB2YgIgSRdWWUZFoxJUJ15C/O8CBSceEbzVeZXsja6fY28J2iM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":215586},"main":"./src/index.mjs","type":"module","module":"./src/index.mjs","gitHead":"2f482644e519a0673a42b38bf8cc54358e79aad0","_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"repository":{"url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git","type":"git"},"_npmVersion":"10.5.2","description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","directories":{},"_nodeVersion":"20.13.1","dependencies":{"@jrc03c/base-web-component":"^0.0.17"},"_hasShrinkwrap":false,"devDependencies":{"eslint":"^9.12.0","esbuild":"^0.25.0","globals":"^15.11.0","prettier":"^3.3.3","@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.23"},"_npmOperationalInternal":{"tmp":"tmp/create-high-dpi-canvas_1.0.32_1752615391415_0.5990782543458992","host":"s3://npm-registry-packages-npm-production"}},"1.0.33":{"author":"","bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"dependencies":{"@jrc03c/base-web-component":"^0.0.18"},"description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","devDependencies":{"@eslint/js":"^9.12.0","@jrc03c/watch":"^0.0.24","esbuild":"^0.25.0","eslint":"^9.12.0","globals":"^15.11.0","prettier":"^3.3.3"},"homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","keywords":[],"license":"ISC","main":"./src/index.mjs","module":"./src/index.mjs","name":"@jrc03c/create-high-dpi-canvas","repository":{"type":"git","url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git"},"scripts":{"build":"node build.mjs","pub":"npm version patch --force && npm publish --access=public","serve":"python -m http.server","watch":"node build.mjs --watch"},"type":"module","version":"1.0.33","_id":"@jrc03c/create-high-dpi-canvas@1.0.33","gitHead":"2535b77116dd461795681c9cbdb8cb790f370c60","_nodeVersion":"24.10.0","_npmVersion":"11.6.0","dist":{"integrity":"sha512-k0yCkTOgmRUw6G/CZzmrbZz2u0vySsSDnF98QkZqw21FTLx8vQnyS4dh0SzRFX0abAGJGF/cLW9N/gu8cdHjXQ==","shasum":"10d32fc04516d83a4fd9b0649e4f3e7252164fea","tarball":"https://registry.npmjs.org/@jrc03c/create-high-dpi-canvas/-/create-high-dpi-canvas-1.0.33.tgz","fileCount":13,"unpackedSize":220769,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIENOTQU4r1MXV4pQ5mekE+wAL63CawiX4IU0F4iqU2O3AiEAocY25CQmqDAyK6snIBkBKEIKyh4GpMD1tj0PqkNsoEc="}]},"_npmUser":{"name":"jrc03c","email":"jrc03c@pm.me"},"directories":{},"maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/create-high-dpi-canvas_1.0.33_1761393445904_0.3644442325909789"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-30T13:49:50.078Z","modified":"2025-10-25T11:57:26.303Z","1.0.0":"2024-09-30T13:49:50.371Z","1.0.2":"2024-10-04T21:34:32.686Z","1.0.4":"2024-10-09T13:39:13.297Z","1.0.6":"2024-10-09T23:44:38.450Z","1.0.7":"2024-10-09T23:50:33.001Z","1.0.8":"2024-10-09T23:54:41.257Z","1.0.9":"2024-10-17T16:36:03.027Z","1.0.10":"2024-10-24T17:38:08.179Z","1.0.11":"2024-10-24T22:04:41.708Z","1.0.13":"2024-10-25T00:51:17.201Z","1.0.14":"2024-11-10T04:50:31.010Z","1.0.16":"2024-11-11T13:48:09.238Z","1.0.19":"2024-11-11T14:46:10.671Z","1.0.20":"2024-11-11T15:26:37.371Z","1.0.21":"2024-11-11T15:28:35.888Z","1.0.22":"2024-11-26T17:26:13.157Z","1.0.23":"2025-02-13T22:36:53.082Z","1.0.24":"2025-02-26T21:29:29.290Z","1.0.25":"2025-03-03T15:00:14.723Z","1.0.26":"2025-03-03T15:14:35.684Z","1.0.27":"2025-03-03T16:14:12.683Z","1.0.28":"2025-03-04T18:08:15.026Z","1.0.29":"2025-03-10T14:43:38.626Z","1.0.30":"2025-03-13T15:33:58.544Z","1.0.31":"2025-05-18T22:26:34.875Z","1.0.32":"2025-07-15T21:36:31.632Z","1.0.33":"2025-10-25T11:57:26.114Z"},"bugs":{"url":"https://github.com/jrc03c/create-high-dpi-canvas/issues"},"license":"ISC","homepage":"https://github.com/jrc03c/create-high-dpi-canvas#readme","keywords":[],"repository":{"type":"git","url":"git+https://github.com/jrc03c/create-high-dpi-canvas.git"},"description":"**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.","maintainers":[{"name":"jrc03c","email":"jrc03c@pm.me"}],"readme":"# Introduction\n\n**create-high-dpi-canvas** provides a little helper function to make an HTML5 `` element compatible with high-DPI screens.\n\n# Installation\n\n`npm install --save @jrc03c/create-high-dpi-canvas`\n\n# Usage\n\nAdd to your page:\n\n```html\n\n```\n\nOr bundle:\n\n```js\nimport { createHighDPICanvas } from \"@jrc03c/create-high-dpi-canvas\"\n```\n\nThen create a canvas!\n\n```js\nconst width = 512\nconst height = 512\nconst canvas = createHighDPICanvas(width, height)\n\n// add the canvas to the DOM:\ndocument.body.appendChild(canvas)\n\n// then draw something like you normally would:\nconst context = canvas.getContext(\"2d\")\ncontext.fillStyle = \"red\"\ncontext.fillRect(0, 0, width, height)\n```\n\nThe thing that's actually returned from the `createHighDPICanvas` function is a [Web Component](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) that implements the [`HTMLCanvasElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement) interface. That means that, although it's not technically an `HTMLCanvasElement`, it can generally be used as one. There's at least one little place where treating it as an `HTMLCanvasElement` _doesn't_ work, and it's mentioned in the notes at the bottom of this document.\n\nSince the returned element is a Web Component, it can be used in the page just like any other element! For example, instead of creating a high-DPI canvas programmatically using the function as in the example above, you could insert a `` element into your web page:\n\n```html\n\n\n\n\n```\n\n# API\n\n## HighDPICanvasElement\n\nThis class inherits from [`HTMLElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement) and implements the [`HTMLCanvasElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement) interface. Therefore, I won't bother describing the superclass and interface methods here. Please consult the MDN docs for more info about those. Instead, what's listed below are the custom properties, methods, and events I added on top of the existing functionality.\n\n### Properties\n\n#### `css` (static)\n\nA string representing CSS rules to be applied inside the element's shadow DOM. Its default value is `canvas { margin: 0; padding: 0; border: 0; }`.\n\n#### `forwardedEvents` (static)\n\nAn array of strings representing event names that are forwarded up from the canvas element inside the shadow DOM. For example, if the canvas inside the shadow DOM emits a `\"contextlost\"` event, then the `HighDPICanvasElement` will re-emit it. The default events that are forwarded are: `\"contextlost\"`, `\"contextrestored\"`, `\"webglcontextcreationerror\"`, `\"webglcontextlost\"`, and `\"webglcontextrestored\"`.\n\n#### `observedAttributes` (static)\n\nAn array of strings representing HTML attribute names that the class will watch for changes. This property is part of the Web Components API. Read more about it [here](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements#responding_to_attribute_changes).\n\n#### `tagName` (static)\n\nA string representing the name of the HTML element. Its value is `high-dpi-canvas`.\n\n#### `template` (static)\n\nA string representing the inner HTML of the shadow DOM. Its default value is simply `\"\"`.\n\n#### `_height`\n\nA number representing the height of the element. Setting the value of this property will not trigger any resizing events, so only assign a value to this property if it's your intention to circumvent the event process.\n\n#### `_width`\n\nA number representing the width of the element. Setting the value of this property will not trigger any resizing events, so only assign a value to this property if it's your intention to circumvent the event process.\n\n#### `dimensions` (getter & setter)\n\nAn array containing two numbers representing, respectively, the width and height of the element.\n\n#### `element` (getter only)\n\nThe canvas element that lives in the shadow DOM. Generally, you shouldn't interact with this property unless you know what you're doing. However, there's a caveat down in the notes section of the bottom of this document that mentions this property.\n\n#### `height` (getter & setter)\n\nA number representing the height of the element. Note that this value can accessed as an attribute using the `getAttribute` and `setAttribute` methods.\n\n#### `width` (getter & setter)\n\nA number representing the width of the element. Note that this value can accessed as an attribute using the `getAttribute` and `setAttribute` methods.\n\n#### `eventListeners`\n\nAn array of objects matching the definition below that provide information about event listeners that have been added to various targets.\n\nDefinition:\n\n```\n{\n target : EventTarget,\n event : string,\n callback : function,\n remove : function,\n}\n```\n\nYou'll probably never need to interact with this property. Its purpose is to keep track of event listeners created by the `on` method and then to remove all of them when the `HighDPICanvasElement` is removed from the DOM. It does this automatically, so you shouldn't need to fiddle with this property.\n\n#### `resizeObserver`\n\nA [`ResizeObserver`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) instance that watches the element for size changes (either those introduced programmatically by setting the `width` or `height` properties or those applied indirectly via CSS rules). When the `resizeObserver` observes a change in the element's size, it calls the `onOuterResize` method, which then emits a \"resize\" event.\n\n### Methods\n\n#### `off(target : EventTarget, event : string, callback : function)`\n\nRemoves an event listener that was previously added to `target` that listened for the `event` event and called the `callback` function. This method is somewhat similar to calling the [`EventTarget.removeEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener) method except that the corresponding event listener info object is removed from the `eventListeners` array.\n\n#### `on(target : EventTarget, event : string, callback : function, shouldRecordEventListenerInfo : boolean) : function`\n\nAdds an event listener to `target` that listens for the `event` event and calls the `callback` function. This method provides roughly the same functionality as the [`EventTarget.addEventListener`](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener) method, but with two exceptions. First, it returns a function that can be used to remove the event listener. Second, it creates an event listener info object and stores it in the `eventListeners` array (unless `shouldRecordEventListenerInfo` is `false`). When the `HighDPICanvasElement` is later removed from the DOM, all listeners in the `eventListeners` array are automatically removed.\n\nFor example:\n\n```js\nconst canvas = createHighDPICanvas(512, 512)\ndocument.body.appendChild(canvas)\n\nconst removeListener = canvas.on(window, \"resize\", () => {\n console.log(\"The window was resized!\")\n})\n\n// Later, you can remove the listener by calling the returned function:\nremoveListener()\n\n// Or by removing the element from the DOM:\ndocument.body.removeChild(canvas)\n```\n\n#### `onOuterResize(shouldEmitEvent : boolean)`\n\nUpdates the properties of the canvas that lives in the shadow DOM and then emits a \"resize\" event (unless `shouldEmitEvent` is `false`).\n\nThis method is called automatically by the `resizeObserver` any time the element's size changes, so there are probably very few cases where it would make sense to call it manually.\n\n### Events\n\n#### `\"resize\"`\n\nIs emitted any time the `HighDPICanvasElement` changes size. This can occur either when size changes are induced directly (i.e., by setting the `width` and `height` properties, or by setting the `\"width\"` and `\"height\"` attributes) or indirectly (e.g., when a CSS rule forces the element to change size).\n\n## `createHighDPICanvas(width : number, height : number) : HighDPICanvasElement`\n\nReturns a `HighDPICanvasElement` instance.\n\n# Notes, Caveats, Known Issues, etc.\n\n1. It's not currently possible to call _another_ canvas's `drawImage` method and pass a high-DPI canvas as the first argument. I'll try to fix that sometime. In the meantime, you can use the `element` instance property to directly reference the canvas element that lives inside the `` shadow DOM.\n","readmeFilename":"readme.md"}