{"id":22710587,"url":"https://github.com/smallhelm/full-page-canvas","last_synced_at":"2025-03-29T21:42:42.721Z","repository":{"id":23891972,"uuid":"27271479","full_name":"smallhelm/full-page-canvas","owner":"smallhelm","description":"Mount an HTML5 canvas to the full width and height of the web page. When the page is resized the canvas resizes too.","archived":false,"fork":false,"pushed_at":"2014-11-28T17:19:51.000Z","size":148,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-04T22:28:12.612Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/smallhelm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-11-28T15:03:56.000Z","updated_at":"2022-12-31T18:51:31.000Z","dependencies_parsed_at":"2022-07-10T10:17:39.289Z","dependency_job_id":null,"html_url":"https://github.com/smallhelm/full-page-canvas","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smallhelm%2Ffull-page-canvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smallhelm%2Ffull-page-canvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smallhelm%2Ffull-page-canvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smallhelm%2Ffull-page-canvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smallhelm","download_url":"https://codeload.github.com/smallhelm/full-page-canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246249226,"owners_count":20747167,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-10T12:10:41.190Z","updated_at":"2025-03-29T21:42:42.699Z","avatar_url":"https://github.com/smallhelm.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# What it does\n\nMount an HTML5 canvas to the full width and height of the web page. When the page is resized the canvas resizes too.\n\nUsefull for graphic visulizations or games that want to simply use the canvas to controll the entire page.\n\nYour html is just a blank page that includes your javascript.\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml\u003e\n\u003chead\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"\u003e\n  \u003cscript src=\"main.js\"\u003e\u003c/script\u003e\n\u003c/head\u003e\n\u003cbody\u003e\u003c/body\u003e\n\u003c/html\u003e\n```\nThen call `mount` on this library and it  will inject a `\u003ccanvas\u003e` element into the `\u003cbody\u003e` and return it so you can use it.\n\n# How to use it\n\nBe sure to include this in your html `\u003chead\u003e` to prevent zooming on mobile devices\n```html\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\"\u003e\n```\n\nThere are 3 ways to include this library\n\n## With browserify\n\n```js\nvar canvas = require('full-page-canvas').mount();\n...\n```\n\n## With a script tag\n\nDownload [this](https://github.com/smallhelm/full-page-canvas/blob/master/full-page-canvas.min.js) script then include it in your html\n```html\n\u003cscript src=\"full-page-canvas.min.js\"\u003e\u003c/script\u003e\n```\n\nThen use it\n```js\nvar canvas = FULL_PAGE_CANVAS.mount();\n...\n```\n\n## With RequireJS\n\n```js\nrequire(['full-page-canvas'], function(c) {\n\tvar canvas = c.mount();\n\t...\n});\n```\n\n\n# License\nThe MIT License (MIT)\n\nCopyright (c) 2014 Small Helm LLC\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmallhelm%2Ffull-page-canvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmallhelm%2Ffull-page-canvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmallhelm%2Ffull-page-canvas/lists"}