chanind / hanzi-writer-data Goto Github PK
View Code? Open in Web Editor NEWThe data used by Hanzi Writer
Home Page: https://chanind.github.io/hanzi-writer
The data used by Hanzi Writer
Home Page: https://chanind.github.io/hanzi-writer
Dear @chanind,
I'm very interested in the strokes of the characters in this data. I saw it in many place but I don't know the font family name. Can I know the font that you used to make these characters in this data?
Thank you.
Is there detailed information on the structures anywhere, or does one have to reverse engineer this from the other code repo?
Dear @chanind and all,
Thank you @chanind for your effort to to distribute this wonderful package of "Hanzi Writer"
May I know if command of "HanziWriter.create" is able to include rotating svg figure of the chinese character by some angle ?
Or may I get your suggestion to achieve this matter ?
Sorry, it may be naive to ask such question
Thank you for your kind attention
I have install this repo using npm, however, I don't know which character I will get. How can I load it locally? I need to make the application work offline.
This won't work:
let path = "hanzi-writer-data/" + strArray[0];
let c1 = require(path);
this.hw = HanziWriter.create('character-target-div', strArray[0], {
width: 300,
height: 300,
padding: 10,
radicalColor: '#168F16',
charDataLoader: function () {
return c1;
}
});
this.hw.loopCharacterAnimation();
This works but very slow and I know it's not the right way:
let c1 = require("hanzi-writer-data/" + strArray[0]);
this.hw = HanziWriter.create('character-target-div', strArray[0], {
width: 300,
height: 300,
padding: 10,
radicalColor: '#168F16',
charDataLoader: function () {
return c1;
}
});
this.hw.loopCharacterAnimation();
I am a newbie, can you please help me? thx
How to use it in web-browser offline? thank you
Missing strokes for 齁 嘡 藠 嗞 馃 瘆 拃 揳 齉 抔
The character 巂 in the repo doesn't have radStrokes property.
Would it be possible to load the data mentioned here: skishore/makemeahanzi#18, https://raw.githubusercontent.com/parsimonhi/animCJK/master/graphicsJa.txt
into the hanzi writer data for use with the hanzi writer library.
Go here:
https://cdn.jsdelivr.net/npm/hanzi-writer/dist/hanzi-writer.min.js
And you'll notice this string:
"https://cdn.jsdelivr.net/npm/hanzi-writer-data@".concat("2.0","/").concat(t,".json")
This file no longer exists, and this is for minifed version 3.1.0.
I added this question to the graphic design stack exchange: Workflow for making stroke animations for any script out of existing fonts? What is your recommendation on how to do this same thing but for other languages, how do you go about the whole process from start to end?
Thank you so much for the insight! Hoping to potentially do this for other scripts as well, and just plug it into your animator if possible. Or something like that!
The 5th stroke is not correct.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.