{"id":15388575,"url":"https://github.com/deebloo/canvasmobile","last_synced_at":"2025-04-06T01:40:50.439Z","repository":{"id":16790110,"uuid":"19548611","full_name":"deebloo/canvasMobile","owner":"deebloo","description":"HTML5 canvas components for mobile web apps","archived":false,"fork":false,"pushed_at":"2014-05-12T15:15:28.000Z","size":188,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-02-12T07:53:40.316Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deebloo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-05-07T20:09:27.000Z","updated_at":"2023-05-04T04:14:31.000Z","dependencies_parsed_at":"2022-08-25T12:30:21.820Z","dependency_job_id":null,"html_url":"https://github.com/deebloo/canvasMobile","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/deebloo%2FcanvasMobile","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2FcanvasMobile/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2FcanvasMobile/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2FcanvasMobile/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deebloo","download_url":"https://codeload.github.com/deebloo/canvasMobile/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247423492,"owners_count":20936622,"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-10-01T14:57:27.576Z","updated_at":"2025-04-06T01:40:50.407Z","avatar_url":"https://github.com/deebloo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Mobile Drawer Canvas\n============\nThis is an experiment with the html5 canvas and Kinetic JS.\n\nHTML5 canvas components for mobile web apps using Kinetic JS.\nCreates high performance GUI objects without needing you to touch the canvas yourself.\n\nTo initiate a drawer(this will create a canvas width a drawer drawn off screen):\nYou can the slide the drawer out by calling slideOut().\n```JS    \n//create stage to hold your drawer\nvar stage = new Kinetic.Stage({\n    container: 'container',\n    width: window.screen.availWidth,\n    height: window.screen.availHeight\n});\n    \n//create the drawer object\nvar myDrawer = new Drawer({\n    height: 50,\n    width: 275,\n    stage: stage,\n    data: dummyData //feed data an array of objects. Ex: {title: \"home\", link: \"http://www.google.com\"}\n});\n    \n//draw the drawer to the screen\nmyDrawer.create();\n    \n//slide the drawer out on click\nvar slideButtonOut = document.getElementById(\"slide-out\");\n\nslideButtonOut.addEventListener(\"click\", function() {\n    myDrawer.slideOut({ duration: 0.85, easing: \"BounceEaseOut\" });\n});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fcanvasmobile","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeebloo%2Fcanvasmobile","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fcanvasmobile/lists"}