{"id":18785636,"url":"https://github.com/pigoz/anki-canvas","last_synced_at":"2025-04-13T12:34:02.018Z","repository":{"id":38841330,"uuid":"137124106","full_name":"pigoz/anki-canvas","owner":"pigoz","description":"🖌️ Drawing area widget for Anki to practice Kanji writing","archived":false,"fork":false,"pushed_at":"2023-04-05T08:05:23.000Z","size":472,"stargazers_count":41,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-27T03:41:39.761Z","etag":null,"topics":["anki","ankidroid","card-layout","draw","hanzi","kanji","practice","remembering-the-kanji","rtk","touch"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pigoz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-12T20:28:18.000Z","updated_at":"2025-02-20T23:28:15.000Z","dependencies_parsed_at":"2024-11-07T20:49:20.553Z","dependency_job_id":"f7c7c5af-06d0-4f7f-b30e-ce02f28ca46b","html_url":"https://github.com/pigoz/anki-canvas","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pigoz%2Fanki-canvas","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pigoz%2Fanki-canvas/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pigoz%2Fanki-canvas/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pigoz%2Fanki-canvas/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pigoz","download_url":"https://codeload.github.com/pigoz/anki-canvas/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248714755,"owners_count":21149961,"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":["anki","ankidroid","card-layout","draw","hanzi","kanji","practice","remembering-the-kanji","rtk","touch"],"created_at":"2024-11-07T20:49:12.990Z","updated_at":"2025-04-13T12:34:01.728Z","avatar_url":"https://github.com/pigoz.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# anki-canvas\n\nThis is a touch based canvas for drawing shapes in [AnkiDroid](https://github.com/ankidroid/Anki-Android) and Desktop Anki.\n\nCompared to AnkiDroid's own native whiteboard which is designed to take notes,\nthis is meant for **use cases where the the user has to draw a shape as the\nanswer to a card** (for example: **Kanji/Hanzi drawing practice**,\nRemembering the Kanji, etc).\n\n\n### How to install\n\n#### 1. Anki plugins\n\nYou will need to install the following Anki plugins. From Anki go to Tools \u003e Add-ons \u003e Get Add-ons... Then insert the plugin's code.\n\n* [Japanese Support (3918629684)](https://ankiweb.net/shared/info/3918629684)\n* [Kanji Colorizer (1964372878)](https://ankiweb.net/shared/info/1964372878)\n\n#### 2. Example deck\n\nDownload the premade Anki deck from the [Releases page](https://github.com/pigoz/anki-canvas/releases/latest) and import it into Anki (double clicking the deck should work).\n\n### Screenshots\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/24681/71559422-f5a86380-2a5d-11ea-8bb1-531ea50647ae.png\" width=\"200\" title=\"front light colorscheme\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/24681/71559421-f5a86380-2a5d-11ea-98d6-706d4c284402.png\" width=\"200\" title=\"back light colorscheme\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/24681/71559420-f50fcd00-2a5d-11ea-8b06-242a3ea231c3.png\" width=\"200\" title=\"front dark colorscheme\"\u003e\n  \u003cimg src=\"https://user-images.githubusercontent.com/24681/71559418-f50fcd00-2a5d-11ea-972a-9266ece65015.png\" width=\"200\" title=\"back dark colorscheme\"\u003e\n\u003c/p\u003e\n\n### Options\n\nYou can easily customize some variables picked up by AnkiCanvas. Open the card\nlayout and edit the `AnkiCanvasOptions` JavaScript object in the Front and\nBack templates.\n\n\nThe current default options object is the following:\n\n```html\n\u003cscript\u003e\nwindow.AnkiCanvasOptions = {\n  frontCanvasSize: 300,\n  frontLineWidth: 7,\n  backCanvasSize: 150,\n  backLineWidth: 3.5,\n\n  // 'auto' is a special value that will automatically select either 'light' or\n  // 'dark' depending on Anki's \"Night Mode\" status. If you wish to force a\n  // colorScheme, you can pass it's name from the colorSchemes settings below.\n  colorScheme: 'auto',\n\n  // You can modify the default colorSchemes in the dictionary below, or even\n  // add your own colorSchemes beyond light and dark.\n  colorSchemes: {\n    light: {\n      brush: '#000',\n      grid: '#dcdcdc',\n      gridBg: '#fff',\n      buttonIcon: '#464646',\n      buttonBg: '#dcdcdc',\n      frontBrushColorizer: 'none', // none | spectrum | contrast\n      backBrushColorizer: 'spectrum',\n    },\n    dark: {\n      brush: '#fff',\n      grid: '#646464',\n      gridBg: '#000',\n      buttonIcon: '#000',\n      buttonBg: '#646464',\n      frontBrushColorizer: 'none',\n      backBrushColorizer: 'spectrum',\n    },\n  },\n}\n\u003c/script\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpigoz%2Fanki-canvas","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpigoz%2Fanki-canvas","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpigoz%2Fanki-canvas/lists"}