Watch each stroke animate in order, then practice the same sequence by hand.
.%3C%2Fdesc%3E%3Cstyle%3E%0A%40keyframes%20draw-stroke%20%7B%0A%20%20to%20%7B%20stroke-dashoffset%3A%200%3B%20opacity%3A%201%3B%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22500%22%20height%3D%22500%22%20fill%3D%22%238ecae6%22%3E%3C%2Frect%3E%3Cline%20x1%3D%220%22%20y1%3D%22250%22%20x2%3D%22500%22%20y2%3D%22250%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%22500%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Ctext%20x%3D%22490%22%20y%3D%22488%22%20fill%3D%22%23ffffff%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2C%20sans-serif%22%20text-anchor%3D%22end%22%20dominant-baseline%3D%22ideographic%22%20opacity%3D%220.8%22%3Ehanzistroke.com%3C%2Ftext%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22mask-1%22%3E%3Cpath%20d%3D%22M%20342%20765%20Q%20382%20735%20425%20700%20Q%20441%20687%20459%20688%20Q%20472%20689%20476%20704%20Q%20480%20722%20469%20755%20Q%20454%20795%20333%20820%20Q%20315%20823%20308%20820%20Q%20302%20814%20305%20800%20Q%20309%20787%20342%20765%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20162%20526%20Q%20107%20511%2079%20510%20Q%2063%20511%2060%20503%20Q%2056%20494%2067%20486%20Q%20106%20459%20147%20472%20Q%20202%20493%20254%20517%20Q%20285%20530%20295%20522%20Q%20307%20515%20299%20484%20Q%20299%20439%20297%20395%20Q%20297%20268%20263%20150%20Q%20245%20119%20292%2062%20Q%20302%2049%20314%2056%20Q%20321%2063%20334%2089%20Q%20371%20137%20447%20218%20Q%20460%20231%20458%20238%20Q%20457%20247%20444%20237%20Q%20410%20218%20377%20195%20Q%20325%20152%20334%20216%20Q%20333%20292%20357%20477%20Q%20361%20502%20385%20527%20Q%20398%20539%20388%20552%20Q%20376%20570%20335%20588%20Q%20322%20595%20304%20583%20Q%20213%20540%20162%20526%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20720%20463%20Q%20817%20472%20935%20473%20Q%20956%20474%20960%20483%20Q%20966%20495%20948%20509%20Q%20888%20551%20824%20531%20Q%20779%20522%20721%20509%20L%20663%20498%20Q%20561%20482%20444%20463%20Q%20422%20460%20439%20443%20Q%20475%20413%20521%20427%20Q%20587%20446%20663%20455%20L%20720%20463%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20663%20455%20Q%20663%20250%20659%20183%20Q%20656%2014%20676%20-20%20Q%20691%20-36%20700%20-14%20Q%20718%2025%20719%20436%20Q%20719%20451%20720%20463%20L%20721%20509%20Q%20722%20716%20743%20747%20Q%20750%20774%20733%20787%20Q%20708%20806%20663%20819%20Q%20642%20823%20629%20809%20Q%20619%20802%20632%20788%20Q%20660%20764%20662%20730%20Q%20663%20648%20663%20498%20L%20663%20455%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22%0A%20%20%20%20translate(10%2C%20431.875)%0A%20%20%20%20scale(0.46875%2C%20-0.46875)%0A%20%20%22%3E%3Cg%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20clip-path%3D%22url(%23mask-1)%22%20d%3D%22M%20226.9%20861.1%20L%20424%20750%20L%20458%20707%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22281.08743323597974%2C281.08743323597974%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20281.074%3B%20stroke-dasharray%3A%20281.074%3B%20animation%3A%20800ms%20linear%200ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-2)%22%20d%3D%22M%20-28.1%20517.6%20L%20105%20491%20L%20135%20494%20L%20269%20545%20L%20326%20549%20L%20338%20538%20L%20338%20530%20L%20326%20461%20L%20303%20180%20L%20312%20141%20L%20351%20151%20L%20451%20235%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22953.4995609125502%2C953.4995609125502%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20953.538%3B%20stroke-dasharray%3A%20953.538%3B%20animation%3A%20800ms%20linear%201000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-3)%22%20d%3D%22M%20341.6%20463.7%20L%20497%20447%20L%20734%20489%20L%20864%20505%20L%20948%20489%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22613.5044095097168%2C613.5044095097168%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20613.479%3B%20stroke-dasharray%3A%20613.479%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-4)%22%20d%3D%22M%20539.4%20820.7%20L%20664%20793%20L%20700%20754%20L%20693%20646%20L%20687%20-14%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22948.9879376766285%2C948.9879376766285%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20948.971%3B%20stroke-dasharray%3A%20948.971%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
62 learners have practiced this character
Download and print worksheets to practice writing 计
HSK words that contain this character.
Real-world example sentences demonstrating how 计 is used in context
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
He carefully calculated the cost of this trip.
We made a detailed study plan
Please calculate the total expenses this month.
The design of this building is very unique.
