https://github.com/pigoz/anki-canvas

🖌️ Drawing area widget for Anki to practice Kanji writing
https://github.com/pigoz/anki-canvas

anki ankidroid card-layout draw hanzi kanji practice remembering-the-kanji rtk touch

Last synced: about 1 month ago
JSON representation

🖌️ Drawing area widget for Anki to practice Kanji writing

• Host: GitHub
• URL: https://github.com/pigoz/anki-canvas
• Owner: pigoz
• License: agpl-3.0
• Created: 2018-06-12T20:28:18.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-04-05T08:05:23.000Z (over 1 year ago)
• Last Synced: 2024-04-17T00:55:53.567Z (8 months ago)
• Topics: anki, ankidroid, card-layout, draw, hanzi, kanji, practice, remembering-the-kanji, rtk, touch
• Language: TypeScript
• Homepage:
• Size: 461 KB
• Stars: 37
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# anki-canvas

This is a touch based canvas for drawing shapes in [AnkiDroid](https://github.com/ankidroid/Anki-Android) and Desktop Anki.

Compared to AnkiDroid's own native whiteboard which is designed to take notes,

this is meant for **use cases where the the user has to draw a shape as the

answer to a card** (for example: **Kanji/Hanzi drawing practice**,

Remembering the Kanji, etc).

### How to install

#### 1. Anki plugins

You will need to install the following Anki plugins. From Anki go to Tools > Add-ons > Get Add-ons... Then insert the plugin's code.

* [Japanese Support (3918629684)](https://ankiweb.net/shared/info/3918629684)

* [Kanji Colorizer (1964372878)](https://ankiweb.net/shared/info/1964372878)

#### 2. Example deck

Download 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).

### Screenshots



  

  

  

  



### Options

You can easily customize some variables picked up by AnkiCanvas. Open the card

layout and edit the `AnkiCanvasOptions` JavaScript object in the Front and

Back templates.

The current default options object is the following:

```html

window.AnkiCanvasOptions = {

  frontCanvasSize: 300,

  frontLineWidth: 7,

  backCanvasSize: 150,

  backLineWidth: 3.5,

  // 'auto' is a special value that will automatically select either 'light' or

  // 'dark' depending on Anki's "Night Mode" status. If you wish to force a

  // colorScheme, you can pass it's name from the colorSchemes settings below.

  colorScheme: 'auto',

  // You can modify the default colorSchemes in the dictionary below, or even

  // add your own colorSchemes beyond light and dark.

  colorSchemes: {

    light: {

      brush: '#000',

      grid: '#dcdcdc',

      gridBg: '#fff',

      buttonIcon: '#464646',

      buttonBg: '#dcdcdc',

      frontBrushColorizer: 'none', // none | spectrum | contrast

      backBrushColorizer: 'spectrum',

    },

    dark: {

      brush: '#fff',

      grid: '#646464',

      gridBg: '#000',

      buttonIcon: '#000',

      buttonBg: '#646464',

      frontBrushColorizer: 'none',

      backBrushColorizer: 'spectrum',

    },

  },

}

```