Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

performance of hanzi-writer

See original GitHub issue

I’m testing hanzi-writer on mobile platform, and with large displays I have real issue with general performance of animations (probably below 10fps) and it is really ugly (I’m on a google galaxy note 4 with a Android 4.4). Inkstone is based on the same data and same langage and technique here (javascript in webview and tween, the only difference is that they use Cordova, but to my limited knowledge, it shouldn’t have any impact) and achieve much better on the same terminals.

I’m still quite new to all this, and I suspect that Inkstone is actually upscaling the resolution rather than drawing more pixel precise animation. I’ll post updates if I have time about this topic here for any person finding Hanzi-Writer a little slow and possible technical solutions. Any thoughts on that subject are welcome.

One question I had related to that is : are the CSS animation faster than the javascript ones ? (I’d guess so), and if so, it seems that some actions can be transfered to CSS animation (using transition and keyframes …).

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:16 (13 by maintainers)

github_iconTop GitHub Comments

chanindcommented, Nov 6, 2018

It probably makes sense to polish the canvas PR and allow it to be enabled as a config option, something like { renderer: 'canvas' }. I’m worried about switching over fully since there are likely users relying on CSS to style the SVG output like in I’ll put together a PR adding the canvas renderer as a config option.

pierophpcommented, Nov 6, 2018

Great! Thank you!

I just found a bug on the Canvas version.

When you change the ideogram, it doesn’t clean the previous ideogram loaded:

To change, i’m using the setCharacter method.

That does’t happen on the SVG version.

Read more comments on GitHub >

github_iconTop Results From Across the Web

The performance and predictors of Chinese character writing ...
This study aims to describe the performance and identify predictors of Chinese character writing in children with ADHD. Thirty Mandarin Chinese-speaking ...
Read more >
Docs - Hanzi Writer
Hanzi Writer is a free and open-source javascript library for Chinese character stroke order animations and practice quizzes.
Read more >
A special kind of performance: Can Xue on the course of a ...
Chinese avant-garde writer Can Xue recounts her journey from working as a 'barefoot doctor', workshop employee and tailor in 1980s China to ...
Read more >
Efficiency of Chinese characters - Forever a student
A lot of people say that Chinese characters are inefficient, because they are too complicated and there is too may of them. By...
Read more >
Real-Time Recognition of Handwritten Chinese Characters ...
Unlike alphabet-based writing, which typically involves on the order of 100 ... (for performance reasons) of 48x48 pixels representing a Chinese handwritten ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found