ā§§. āĻāĻ āϏāϰāĻā§āĻāĻžāĻŽāĻāĻŋ āĻā§ āĻāϰā§
āĻāĻ āĻŦāĻŋāύāĻžāĻŽā§āϞā§āϝ⧠āĻ āύāϞāĻžāĻāύ āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ āϏāϰāĻā§āĻāĻžāĻŽ āĻĻāĻŋāϝāĻŧā§ āĻāĻĒāύāĻŋ āĻŦā§āϰāĻžāĻāĻāĻžāϰ⧠āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ āϤā§āϰāĻŋ āĻ āϏāĻŽā§āĻĒāĻžāĻĻāύāĻž āĻāϰāϤ⧠āĻĒāĻžāϰā§āύâāĻ ā§āϝāĻžāĻāĻžāĻāύā§āĻ āύā§āĻ, āĻāĻĒāϞā§āĻĄ āύā§āĻāĨ¤ āĻĒā§āϰāĻā§āĻā§āĻ āĻĒā§āϞā§āϝāĻžāύ āĻŦāĻž āϧāĻžāϰāĻŖāĻž āĻāĻŋāĻā§āϝāĻŧāĻžāϞāĻŋ āϏāĻžāĻāĻžāύā§āϰ āĻāύā§āϝ āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ āĻŽā§āĻāĻžāϰ, āĻŦā§āϰā§āĻāύāϏā§āĻāϰā§āĻŽāĻŋāĻ āĻŦāĻž āĻāĻāĻĄāĻŋāϝāĻŧāĻž āĻŽā§āϝāĻžāĻĒ āĻšāĻŋāϏā§āĻŦā§ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύāĨ¤ āύā§āĻĄ āĻ āĻŦā§āϰāĻžāĻā§āĻ āϝā§āĻ āĻāϰā§āύ, āĻĒā§āϝāĻžāύ āĻ āĻā§āĻŽ āĻāϰā§āύ, āϤāĻžāϰāĻĒāϰ PNG āĻŦāĻž JSON āĻšāĻŋāϏā§āĻŦā§ āĻāĻā§āϏāĻĒā§āϰā§āĻ āĻāϰā§āύāĨ¤ āĻāĻĒāύāĻžāϰ āĻāĻžāĻ āĻĄā§āϰāĻžāĻĢāĻ āĻšāĻŋāϏā§āĻŦā§ āϏā§āĻ āĻšāϝāĻŧ āϝāĻžāϤ⧠āϝā§āĻāĻžāύ⧠āĻĨāĻžāĻŽāĻŋāϝāĻŧā§āĻāĻŋāϞā§āύ āϏā§āĻāĻžāύ āĻĨā§āĻā§ āĻāĻžāϞāĻŋāϝāĻŧā§ āϝā§āϤ⧠āĻĒāĻžāϰā§āύāĨ¤ āϏāĻŦ āĻāĻĒāύāĻžāϰ āĻŦā§āϰāĻžāĻāĻāĻžāϰ⧠āĻāϞ⧠āϤāĻžāĻ āĻĄā§āĻāĻž āĻā§āĻĒāύ āĻĨāĻžāĻā§āĨ¤ āĻŦā§āϰā§āĻāύāϏā§āĻāϰā§āĻŽāĻŋāĻ, āĻĒā§āϰāĻā§āĻā§āĻ āĻĒā§āϞā§āϝāĻžāύāĻŋāĻ, āϏā§āĻāĻžāĻĄāĻŋ āύā§āĻ, āĻŽāĻŋāĻāĻŋāĻ āύā§āĻ āĻŦāĻž āĻāĻāĻāϞāĻžāĻāύāĻŋāĻāϝāĻŧā§āϰ āĻāύā§āϝ āĻāĻĻāϰā§āĻļāĨ¤
⧍. āĻā§āĻāĻžāĻŦā§ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰāĻŦā§āύ
āĻĻā§āϰā§āϤ āĻļā§āϰā§: āĻĄāĻŋāĻĢāϞā§āĻ āϰā§āĻ āύā§āĻĄ āĻĻāĻŋāϝāĻŧā§ āĻļā§āϰ⧠āĻāϰā§āύ, āĻāĻžāĻāϞā§āĻĄ āύā§āĻĄ āϝā§āĻ āĻāϰā§āύ (āϰāĻžāĻāĻ-āĻā§āϞāĻŋāĻ āĻŦāĻž +), āϞā§āĻŦā§āϞ āϏāĻŽā§āĻĒāĻžāĻĻāύāĻž āĻāϰāϤ⧠āĻĄāĻžāĻŦāϞ-āĻā§āϞāĻŋāĻ āĻāϰā§āύ, āĻĒā§āϝāĻžāύ (āĻā§āϝāĻžāύāĻāĻžāϏ āĻĄā§āϰā§āϝāĻžāĻ) āĻ āĻā§āĻŽ (āĻšā§āĻāϞ), āϤāĻžāϰāĻĒāϰ JSON āĻŦāĻž PNG āĻāĻā§āϏāĻĒā§āϰā§āĻ āĻāϰā§āύāĨ¤ āϏā§āĻ āĻāϰāĻž āĻŽā§āϝāĻžāĻĒ āϞā§āĻĄ āĻāϰāϤ⧠JSON āĻāĻŽāĻĒā§āϰā§āĻ āĻāϰā§āύāĨ¤
ā§§. āĻļā§āϰ⧠â āĻĄāĻŋāĻĢāϞā§āĻ āϰā§āĻ āύā§āĻĄ ("āϏā§āύā§āĻā§āϰāĻžāϞ āĻāĻāĻĄāĻŋāϝāĻŧāĻž") āĻĻā§āĻāĻž āϝāĻžāϝāĻŧāĨ¤ āϏāĻŋāϞā§āĻā§āĻ āĻāϰāϤ⧠āĻā§āϞāĻŋāĻ āĻāϰā§āύāĨ¤ ⧍. āĻāĻžāĻāϞā§āĻĄ āύā§āĻĄ āϝā§āĻ â āϰāĻžāĻāĻ-āĻā§āϞāĻŋāĻ āĻāϰ⧠āĻāĻžāĻāϞā§āĻĄ āϝā§āĻ āĻŦā§āĻā§ āύāĻŋāύ āĻ āĻĨāĻŦāĻž āύā§āĻĄ āϏāĻŋāϞā§āĻā§āĻ āĻāϰ⧠āĻā§āϞāĻŦāĻžāϰā§āϰ + āĻŦāĻžāĻāύ āĻā§āϞāĻŋāĻ āĻāϰā§āύāĨ¤ ā§Š. āύā§āĻĄ āĻā§āĻā§āϏāĻ āϏāĻŽā§āĻĒāĻžāĻĻāύāĻž â āϞā§āĻŦā§āϞ āϏāĻŽā§āĻĒāĻžāĻĻāύāĻž āĻāϰāϤ⧠āύā§āĻĄā§ āĻĄāĻžāĻŦāϞ-āĻā§āϞāĻŋāĻ āĻāϰā§āύāĨ¤ āϏā§āĻ āĻāϰāϤ⧠Enter āĻŦāĻž āĻŦāĻžāϤāĻŋāϞ āĻāϰāϤ⧠Escape āĻāĻžāĻĒā§āύāĨ¤ ā§Ē. āĻāĻā§āϏāĻĒā§āϝāĻžāύā§āĻĄ āĻŦāĻž āĻā§āϞā§āϝāĻžāĻĒāϏ â āĻāĻžāĻāϞā§āĻĄāϝā§āĻā§āϤ āύā§āĻĄā§ +/- āύāĻŋāϝāĻŧāύā§āϤā§āϰāĻŖ āĻĻā§āĻāĻžāϝāĻŧāĨ¤ āĻŦā§āϰāĻžāĻā§āĻ āĻāĻā§āϏāĻĒā§āϝāĻžāύā§āĻĄ āĻŦāĻž āĻā§āϞā§āϝāĻžāĻĒāϏ āĻāϰāϤ⧠āĻā§āϞāĻŋāĻ āĻāϰā§āύāĨ¤ ā§Ģ. āĻĒā§āϝāĻžāύ āĻ āĻā§āĻŽ â āĻĒā§āϝāĻžāύ āĻāϰāϤ⧠āĻā§āϝāĻžāύāĻāĻžāϏ āĻŦā§āϝāĻžāĻāĻā§āϰāĻžāĻāύā§āĻĄ āĻā§āϞāĻŋāĻ āĻ āĻĄā§āϰā§āϝāĻžāĻ āĻāϰā§āύāĨ¤ āĻā§āĻŽ āĻāύ/āĻāĻāĻ āĻāϰāϤ⧠āĻŽāĻžāĻāϏ āĻšā§āĻāϞ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύāĨ¤ ā§Ŧ. āύā§āĻĄ āĻŽā§āĻā§āύ â āϰāĻžāĻāĻ-āĻā§āϞāĻŋāĻ āĻāϰ⧠āĻŽā§āĻā§āύ āĻŦā§āĻā§ āύāĻŋāύ āĻ āĻĨāĻŦāĻž āύā§āĻĄ āϏāĻŋāϞā§āĻā§āĻ āĻāϰ⧠Delete āĻŦāĻž Backspace āĻāĻžāĻĒā§āύāĨ¤ ā§. āĻāĻā§āϏāĻĒā§āϰā§āĻ â āĻĒāϰ⧠āĻĒā§āύāϰāĻžāϝāĻŧ āĻāĻŽāĻĒā§āϰā§āĻā§āϰ āĻāύā§āϝ JSON āĻāĻā§āϏāĻĒā§āϰā§āĻ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύāĨ¤ āĻāĻŽā§āĻ āĻĄāĻžāĻāύāϞā§āĻĄ āĻāϰāϤ⧠PNG āĻāĻā§āϏāĻĒā§āϰā§āĻ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āύāĨ¤ ā§Ž. āĻāĻŽāĻĒā§āϰā§āĻ â āĻāĻā§ āĻāĻā§āϏāĻĒā§āϰā§āĻ āĻāϰāĻž āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ āĻĢāĻžāĻāϞ āĻĨā§āĻā§ āϞā§āĻĄ āĻāϰāϤ⧠JSON āĻāĻŽāĻĒā§āϰā§āĻ āĻā§āϞāĻŋāĻ āĻāϰā§āύāĨ¤
ā§Š. āĻā§āĻāĻžāĻŦā§ āĻāĻžāĻ āĻāϰā§
āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ āύā§āĻĄā§āϰ āĻā§āϰāĻŋ āĻšāĻŋāϏā§āĻŦā§ āϏāĻāϰāĻā§āώāĻŋāϤāĨ¤ āĻĒā§āϰāϤāĻŋāĻāĻŋ āύā§āĻĄā§āϰ id, label āĻ āĻāĻžāĻāϞā§āĻĄā§āϰ āϤāĻžāϞāĻŋāĻāĻž āĻĨāĻžāĻā§āĨ¤ āϞā§āĻāĻāĻ āĻ ā§āϝāĻžāϞāĻāϰāĻŋāĻĻāĻŽ āύā§āĻĄāĻā§āϞ⧠āĻ āύā§āĻā§āĻŽāĻŋāĻāĻāĻžāĻŦā§ āĻĒāĻāĻŋāĻļāύ āĻāϰā§: āĻŦāĻžāĻŽā§ āϰā§āĻ, āĻĄāĻžāύ⧠āĻāĻžāĻāϞā§āĻĄ, āĻāĻžāϰā§āĻāĻŋāĻāĻžāϞāĻāĻžāĻŦā§ āϏā§āĻā§āϝāĻžāĻāĻĄ āϏiblingsāĨ¤ āĻāĻžāύā§āĻā§āĻāϰ āĻŦā§āĻāĻŋāϝāĻŧāĻžāϰ āĻāĻžāϰā§āĻāĨ¤ āĻĒā§āϝāĻžāύ āĻ āĻā§āĻŽ CSS āĻā§āϰāĻžāύā§āϏāĻĢāϰā§āĻŽ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āĨ¤ PNG āĻāĻā§āϏāĻĒā§āϰā§āĻ dom-to-image āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§āĨ¤ JSON āĻāĻŽāĻĒā§āϰā§āĻ/āĻāĻā§āϏāĻĒā§āϰā§āĻ File API āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻāϰā§âāĻāĻĒāϞā§āĻĄ āύā§āĻāĨ¤ āĻŽā§āϝāĻžāĻĒ āĻĒāϰāĻŋāĻŦāϰā§āϤāύ āĻšāϞ⧠āĻĄā§āϰāĻžāĻĢāĻ localStorage-āĻ āϏā§āĻ āĻšāϝāĻŧāĨ¤ āϏāĻŦ āĻāĻŖāύāĻž āϏāĻŽā§āĻĒā§āϰā§āĻŖāĻāĻžāĻŦā§ āĻāĻĒāύāĻžāϰ āĻŦā§āϰāĻžāĻāĻāĻžāϰ⧠āĻāϞā§āĨ¤ āĻā§āύ⧠āĻĄā§āĻāĻž āĻā§āύ⧠āϏāĻžāϰā§āĻāĻžāϰ⧠āĻĒāĻžāĻ āĻžāύ⧠āĻšāϝāĻŧ āύāĻžāĨ¤
ā§Ē. āĻŦā§āϝāĻŦāĻšāĻžāϰā§āϰ āĻā§āώā§āϤā§āϰ āĻ āĻāĻĻāĻžāĻšāϰāĻŖ
- āĻŦā§āϰā§āĻāύāϏā§āĻāϰā§āĻŽāĻŋāĻ â āϧāĻžāϰāĻŖāĻž āĻĻā§āϰā§āϤ āĻā§āϝāĻžāĻĒāĻāĻžāϰ āĻ āϏāĻŽā§āĻĒāϰā§āĻāĻŋāϤ āĻāύāϏā§āĻĒā§āĻ āϏāĻāϝā§āĻā§āϤ āĻāϰā§āύāĨ¤
- āĻĒā§āϰāĻā§āĻā§āĻ āĻĒā§āϞā§āϝāĻžāύāĻŋāĻ â āĻĒā§āϰāĻā§āĻā§āĻāĻā§ āĻāĻžāϏā§āĻ āĻ āϏāĻžāĻŦāĻāĻžāϏā§āĻā§ āĻāĻžāĻ āĻāϰā§āύāĨ¤
- āϏā§āĻāĻžāĻĄāĻŋ āύā§āĻ â āϰāĻŋāĻāĻŋāĻāϝāĻŧā§āϰ āĻāύā§āϝ āĻāĻĒāĻŋāĻ āĻ āϏāĻŽā§āĻĒāϰā§āĻ āϏāĻžāĻāĻžāύāĨ¤
- āĻŽāĻŋāĻāĻŋāĻ āύā§āĻ â āĻāϞā§āĻāύāĻž āĻ āĻ ā§āϝāĻžāĻāĻļāύ āĻāĻāĻā§āĻŽ āϏā§āĻā§āϰāĻžāĻāĻāĻžāϰ āĻāϰā§āύāĨ¤
- āĻāĻāĻāϞāĻžāĻāύāĻŋāĻ â āĻšā§āĻĄāĻŋāĻ āĻ āĻāύā§āĻā§āύā§āĻā§āϰ āĻšāĻžāϝāĻŧāĻžāϰāĻžāϰā§āĻāĻŋ āĻŦāĻžāύāĻžāύāĨ¤
āĻāĻĻāĻžāĻšāϰāĻŖ
āϰā§āĻ āĻšāĻŋāϏā§āĻŦā§ "āϏā§āύā§āĻā§āϰāĻžāϞ āĻāĻāĻĄāĻŋāϝāĻŧāĻž" āĻĻāĻŋāϝāĻŧā§ āĻļā§āϰ⧠āĻāϰā§āύāĨ¤ āĻāĻžāĻāϞā§āĻĄ "āĻāĻĒāĻŋāĻ A" āĻ "āĻāĻĒāĻŋāĻ B" āϝā§āĻ āĻāϰā§āύāĨ¤ "āĻāĻĒāĻŋāĻ A" āĻāϰ āύāĻŋāĻā§ āĻāĻžāĻāϞā§āĻĄ "āĻĄāĻŋāĻā§āĻāϞ ā§§" āϝā§āĻ āĻāϰā§āύāĨ¤ āĻŽā§āϝāĻžāĻĒ āĻĻā§āĻāĻžāϝāĻŧ: āϏā§āύā§āĻā§āϰāĻžāϞ āĻāĻāĻĄāĻŋāϝāĻŧāĻž â āĻāĻĒāĻŋāĻ A â āĻĄāĻŋāĻā§āĻāϞ ā§§, āĻāĻŦāĻ āϏā§āύā§āĻā§āϰāĻžāϞ āĻāĻāĻĄāĻŋāϝāĻŧāĻž â āĻāĻĒāĻŋāĻ BāĨ¤
ā§Ģ. āϏā§āĻŽāĻžāĻŦāĻĻā§āϧāϤāĻž āĻ āĻĒāϰāĻŋāĻāĻŋāϤ āϏā§āĻŽāĻž
- āύā§āĻĄ āϏā§āĻŽāĻž â āĻā§āĻŦ āĻŦāĻĄāĻŧ āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ (āĻļāϤāĻžāϧāĻŋāĻ āύā§āĻĄ) āϞā§āĻāĻāĻ āĻ āϰā§āύā§āĻĄāĻžāϰāĻŋāĻ āϧā§āϰ āĻāϰāϤ⧠āĻĒāĻžāϰā§āĨ¤
- āĻā§āϞāĻžāĻāĻĄ āϏāĻŋāĻā§āĻ āύā§āĻ â āĻĄā§āϰāĻžāĻĢāĻ āĻĄāĻŋāĻāĻžāĻāϏā§āϰ localStorage-āĻ āĻĨāĻžāĻā§; āϏāĻžāĻāĻ āĻĄā§āĻāĻž āĻā§āϞāĻŋāϝāĻŧāĻžāϰ āĻāϰāϞ⧠āĻāϞ⧠āϝāĻžāϝāĻŧāĨ¤
- āĻāĻāĻ āĻŽā§āϝāĻžāĻĒ â āĻŦā§āϰāĻžāĻāĻāĻžāϰ āĻĒā§āϰāϤāĻŋ āĻāĻāĻāĻŋ āĻŽāĻžāĻāύā§āĻĄ āĻŽā§āϝāĻžāĻĒ; āĻāĻŽāĻĒā§āϰā§āĻ āĻŦāϰā§āϤāĻŽāĻžāύ āĻŽā§āϝāĻžāĻĒ āĻĒā§āϰāϤāĻŋāϏā§āĻĨāĻžāĻĒāύ āĻāϰā§āĨ¤
- PNG āĻāĻā§āϏāĻĒā§āϰā§āĻ â āĻāĻā§āϏāĻĒā§āϰā§āĻ āϏāĻŽāϝāĻŧ āĻĒā§āϰā§āĻŖ āϞā§āĻāĻāĻ āĻā§āϝāĻžāĻĒāĻāĻžāϰ; āĻāĻŽā§āĻā§ āĻĒā§āϝāĻžāύ/āĻā§āĻŽ āĻĒāĻāĻŋāĻļāύ āϏāĻāϰāĻā§āώāĻŋāϤ āĻšāϝāĻŧ āύāĻžāĨ¤