Watch the stroke order, then trace it yourself.
.%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%20476%20812%20Q%20500%20796%20526%20774%20Q%20539%20764%20553%20767%20Q%20562%20768%20565%20780%20Q%20568%20793%20557%20818%20Q%20545%20845%20466%20852%20Q%20453%20853%20448%20851%20Q%20444%20847%20446%20836%20Q%20450%20827%20476%20812%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20616%20709%20Q%20709%20727%20713%20729%20Q%20722%20736%20718%20744%20Q%20712%20757%20684%20765%20Q%20651%20775%20568%20749%20Q%20427%20725%20344%20723%20Q%20308%20719%20332%20701%20Q%20365%20679%20446%20687%20Q%20513%20696%20583%20705%20L%20616%20709%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20370%20639%20Q%20406%20570%20427%20565%20Q%20437%20561%20447%20576%20Q%20451%20586%20446%20606%20Q%20440%20622%20421%20634%20Q%20393%20656%20379%20661%20Q%20372%20664%20369%20654%20Q%20366%20648%20370%20639%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20575%20561%20Q%20581%20568%20620%20626%20Q%20627%20639%20642%20656%20Q%20655%20666%20649%20676%20Q%20642%20692%20616%20709%20C%20591%20726%20575%20734%20583%20705%20Q%20583%20704%20584%20702%20Q%20591%20675%20550%20575%20Q%20546%20566%20543%20557%20C%20533%20529%20557%20537%20575%20561%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20543%20557%20Q%20527%20557%20509%20554%20Q%20335%20535%20129%20515%20Q%20107%20514%20123%20495%20Q%20138%20480%20156%20474%20Q%20178%20468%20195%20473%20Q%20504%20551%20892%20530%20Q%20893%20531%20896%20530%20Q%20917%20530%20922%20539%20Q%20929%20551%20911%20565%20Q%20857%20607%20819%20599%20Q%20725%20581%20575%20561%20L%20543%20557%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20352%20457%20Q%20342%20461%20316%20463%20Q%20304%20466%20301%20460%20Q%20295%20453%20304%20438%20Q%20335%20386%20357%20298%20Q%20361%20271%20379%20254%20Q%20398%20235%20402%20250%20Q%20403%20257%20404%20265%20L%20403%20289%20Q%20397%20322%20391%20346%20L%20385%20369%20Q%20376%20409%20374%20426%20C%20370%20452%20370%20452%20352%20457%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20594%20281%20Q%20607%20262%20621%20254%20Q%20630%20247%20645%20265%20Q%20657%20281%20684%20375%20Q%20693%20403%20716%20426%20Q%20729%20436%20718%20450%20Q%20705%20466%20665%20492%20Q%20650%20501%20590%20489%20Q%20578%20488%20565%20486%20Q%20421%20465%20352%20457%20C%20322%20453%20345%20419%20374%20426%20Q%20437%20442%20590%20456%20Q%20618%20459%20628%20449%20Q%20637%20437%20635%20427%20Q%20617%20330%20601%20312%20C%20588%20289%20588%20289%20594%20281%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20391%20346%20Q%20392%20346%20395%20346%20Q%20495%20359%20568%20368%20Q%20587%20371%20580%20382%20Q%20573%20394%20551%20399%20Q%20533%20402%20385%20369%20C%20356%20362%20361%20345%20391%20346%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-9%22%3E%3Cpath%20d%3D%22M%20527%20275%20Q%20561%20279%20594%20281%20C%20624%20283%20628%20299%20601%20312%20Q%20597%20315%20590%20316%20Q%20574%20319%20403%20289%20C%20373%20284%20374%20268%20404%20265%20Q%20411%20264%20425%20264%20Q%20450%20268%20477%20270%20L%20527%20275%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-10%22%3E%3Cpath%20d%3D%22M%20526%20155%20Q%20632%20162%20788%20157%20Q%20860%20154%20866%20163%20Q%20872%20175%20855%20190%20Q%20801%20232%20763%20225%20Q%20673%20210%20526%20193%20L%20473%20187%20Q%20341%20177%20190%20162%20Q%20168%20161%20183%20143%20Q%20198%20128%20216%20122%20Q%20238%20115%20254%20119%20Q%20354%20143%20468%20151%20Q%20469%20152%20472%20151%20L%20526%20155%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-11%22%3E%3Cpath%20d%3D%22M%20472%20151%20Q%20469%20-57%20488%20-78%20Q%20498%20-88%20509%20-66%20Q%20525%20-32%20526%20155%20L%20526%20193%20Q%20526%20233%20527%20275%20C%20528%20305%20478%20300%20477%20270%20Q%20476%20230%20473%20187%20L%20472%20151%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%20360.9%20882.1%20L%20519%20815%20L%20551%20781%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%22218.3842634354547%2C218.3842634354547%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20218.44%3B%20stroke-dasharray%3A%20218.44%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%20237.3%20728.8%20L%20386%20705%20L%20435%20707%20L%20659%20743%20L%20708%20739%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%22475.71416375856876%2C475.71416375856876%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20475.671%3B%20stroke-dasharray%3A%20475.671%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%20318.3%20729.4%20L%20431%20582%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%22185.60373823613077%2C185.60373823613077%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20185.548%3B%20stroke-dasharray%3A%20185.548%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%20530.9%20786.4%20L%20614%20670%20L%20576%20591%20L%20548%20560%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%22272.4489552593965%2C272.4489552593965%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20272.457%3B%20stroke-dasharray%3A%20272.457%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-5)%22%20d%3D%22M%2027.1%20520.1%20L%20185%20496%20L%20444%20534%20L%20819%20566%20L%20861%20562%20L%20910%20546%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%22891.5542944229269%2C891.5542944229269%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20891.6%3B%20stroke-dasharray%3A%20891.6%3B%20animation%3A%20800ms%20linear%204000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-6)%22%20d%3D%22M%20230.7%20514%20L%20336%20433%20L%20347%20416%20L%20391%20255%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%22319.9550597832449%2C319.9550597832449%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20320.003%3B%20stroke-dasharray%3A%20320.003%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-7)%22%20d%3D%22M%20259.6%20470.7%20L%20397%20446%20L%20604%20476%20L%20651%20466%20L%20673%20435%20L%20628%20298%20L%20628%20271%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%22606.0523006602846%2C606.0523006602846%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20606.032%3B%20stroke-dasharray%3A%20606.032%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-8)%22%20d%3D%22M%20297.5%20323.5%20L%20448%20370%20L%20553%20383%20L%20572%20377%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%22283.29391201324086%2C283.29391201324086%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20283.246%3B%20stroke-dasharray%3A%20283.246%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-9)%22%20d%3D%22M%20330.9%20208.5%20L%20419%20279%20L%20578%20298%20L%20593%20306%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%22289.93744468597254%2C289.93744468597254%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20289.967%3B%20stroke-dasharray%3A%20289.967%3B%20animation%3A%20800ms%20linear%208000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-10)%22%20d%3D%22M%2087.7%20171.3%20L%20245%20142%20L%20422%20166%20L%20772%20192%20L%20858%20170%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%22778.37012185401%2C778.37012185401%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20778.359%3B%20stroke-dasharray%3A%20778.359%3B%20animation%3A%20800ms%20linear%209000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-11)%22%20d%3D%22M%20590%20340.4%20L%20501%20247%20L%20495%20-71%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%22447.0565987367657%2C447.0565987367657%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20447.07%3B%20stroke-dasharray%3A%20447.07%3B%20animation%3A%20800ms%20linear%2010000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
62 learners practiced this
Download and print worksheets to practice writing 章
HSK words that contain this character.
Real-world example sentences demonstrating how 章 is used in context
zhāng chéng
regulations; constitution; statutes
He wrote an article about environmental protection.
Please comply with the company's regulations.
This book has ten chapters in total.
Every chapter of this book is very interesting.
Explore characters by relationship
Characters from the same exam level.
Characters pronounced "zhang".
Characters with radical "立".
