Parámetros de visualización del carácter
Espere, por favor. Si la generación de la imagen tarda demasiado, recargue la página (Ctrl + R).
Esta herramienta permite generar la descomposición por trazos con flechas de un carácter chino.
Este generador de descomposición de caracteres chinos ha sido posible gracias al excelente proyecto Make me a Hanzi de Shaunak Kishore.
Este generador produce imágenes en formato SVG. Se desaconseja el uso de Internet Explorer.
function updateCharacter() {
document.querySelector('#target').innerHTML = '';
var char = document.querySelector('.js-char').value
var size = document.querySelector('.js-size').value
var couleur = document.querySelector('input[name="couleur"]:checked').value;
console.log(couleur);
createChar(char, size, couleur);
}
document.querySelector('#blanc').onclick =function (){
document.querySelector('#blanc').checked = true;
document.querySelector('#noir').checked = false;
console.log(document.querySelector('input[name="couleur"]:checked').value);
updateCharacter()
};
document.querySelector('#noir').onclick =function (){
document.querySelector('#blanc').checked = false;
document.querySelector('#noir').checked = true;
console.log(document.querySelector('input[name="couleur"]:checked').value);
updateCharacter()
};
function createChar(char, size, couleur) {
fetch("https://learn-chinese.online/00/script/strokegen.php?key=jeazlkj651654fdSDDfqsf&char=" + char)
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json();
})
.then(charData => {
result = JSON.parse(charData);
console.log(result);
var stroke = result.strokes;
var median = result.medians;
if(couleur == 'white'){
document.querySelector('#target').style.backgroundColor = "white";
var charFond = 'lightgray';
var charColor = 'black';
} else {
document.querySelector('#target').style.backgroundColor = "black";
var charColor = 'white';
var charFond = '#4d4d4d';
}
// se crean los trazos del fondo, es decir, el carácter completo en gris
for(var i = 0, j = stroke.length; i
