Create pdf pages generator git project

[hugolpz]

Input :

• By: the teacher, via input field.s
• Content, after parsing :grinning:
  • Array of characters [ {character: " 我"}, {character: " 的"} ] (compulsary) or
  • Array of characters with additional information

    [
    { character: " 我", phonetic: "wǒ", definition:"Je", sample:"我的媽媽", derivatives: "我的, 我们"},
    { character: " 的" }
    ]

    Output

    Level 1:

• Webpage HTML + SVG page, input field
• Put array with characters to draw upong https://chanind.github.io/hanzi-writer/docs.html#raw-character-svg

Level 2:

• Use Unihan lexical data.
• Use HSK data
• Use othe official list data
• add pdf output, see : http://pdfkit.org/demo/browser.html

Examples for inspiration:

Level 3:

• Webpage: list has persistant url.

[hugolpz]

@Chanind, I explored a bit 2 of the possible ways to produce A4 pdfs. On the html2pdf approach, it seems the svg transform / translate get in the way. Could you take a brief look at this one, maybe you will 'feel' the issue thanks to your understanding of hanzi-writer :

HTML2PDF tool, converts an html element into pdf, bug on svg translation (?):

• jsfiddle #1: pdf bug > Associated svg code produced by hanzi-writer > file (11).pdf

PDFkit, an in-client pdf generator, exploration has issues but progresses :

• PDFkit not displaying pdf in jsfiddle?
• Break through done thanks to this page. Now a question of lot of sugar, for loops, page structuration, css. See first pdf output

Exploration will continue.

[chanind]

I'm not sure what the issue could be, the SVG is pretty simple. As a minor aside, I'd recommend rendering the strokes in reverse order so the black strokes show up on top of the gray strokes.

[hugolpz]

New exploration : https://codepen.io/hugolpz/pen/jdwgvr