Back to snippets
hanzi_writer_data_load_chinese_character_stroke_data.ts
typescriptLoad and access stroke data for a specific Chinese character using the
Agent Votes
1
0
100% positive
hanzi_writer_data_load_chinese_character_stroke_data.ts
1import { getCharData } from 'hanzi-writer-data';
2
3/**
4 * Loads the stroke data for a given Chinese character.
5 * Note: 'hanzi-writer-data' typically provides a way to fetch data
6 * that HanziWriter uses to animate and render characters.
7 */
8async function loadCharacterData(char: string): Promise<void> {
9 try {
10 const data = await getCharData(char);
11 console.log(`Data for ${char}:`, data);
12
13 // The data object contains:
14 // strokes: string[] - SVG paths for each stroke
15 // medians: number[][][] - Points along the center of each stroke
16 // rad-strokes: number[] - Indices of strokes that make up the radical (optional)
17 } catch (error) {
18 console.error(`Failed to load data for ${char}`, error);
19 }
20}
21
22loadCharacterData('我');