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%20578%20532%20Q%20602%20539%20628%20544%20Q%20694%20560%20703%20570%20Q%20713%20580%20708%20590%20Q%20699%20603%20665%20612%20Q%20625%20618%20562%20591%20L%20514%20575%20Q%20381%20535%20239%20516%20Q%20196%20509%20227%20489%20Q%20281%20461%20343%20478%20Q%20434%20500%20529%20521%20L%20578%20532%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20359%20332%20Q%20479%20362%20484%20366%20Q%20491%20373%20487%20381%20Q%20480%20391%20453%20398%20Q%20432%20401%20356%20376%20Q%20293%20358%20235%20350%20Q%20202%20343%20226%20329%20Q%20262%20311%20315%20321%20L%20359%20332%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20368%20206%20Q%20372%20246%20376%20279%20Q%20376%20285%20377%20290%20Q%20386%20311%20359%20332%20C%20336%20351%20313%20351%20315%20321%20Q%20316%20311%20323%20192%20C%20325%20162%20365%20176%20368%20206%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20323%20192%20Q%20206%20161%20195%20159%20Q%20171%20159%20148%20160%20Q%20133%20160%20130%20145%20Q%20127%20132%20141%20122%20Q%20180%2095%20197%2088%20Q%20216%2079%20240%2093%20Q%20291%20124%20525%20229%20Q%20544%20236%20552%20245%20Q%20561%20255%20548%20259%20Q%20530%20259%20368%20206%20L%20323%20192%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20529%20521%20Q%20637%20124%20844%20-28%20Q%20877%20-52%20893%20-52%20Q%20908%20-53%20916%20-40%20Q%20925%20-30%20914%2018%20Q%20908%2079%20917%20189%20Q%20921%20220%20911%20223%20Q%20902%20224%20892%20196%20Q%20858%2079%20832%2079%20Q%20751%20119%20660%20305%20Q%20648%20329%20639%20353%20Q%20611%20416%20578%20532%20L%20562%20591%20Q%20532%20690%20533%20752%20Q%20542%20794%20514%20808%20Q%20507%20812%20500%20815%20Q%20475%20828%20460%20828%20Q%20447%20827%20446%20826%20Q%20422%20817%20445%20794%20Q%20463%20791%20507%20603%20Q%20510%20590%20514%20575%20L%20529%20521%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20681%20715%20Q%20718%20694%20758%20669%20Q%20776%20659%20791%20662%20Q%20801%20665%20805%20680%20Q%20806%20696%20791%20725%20Q%20781%20746%20743%20755%20Q%20656%20768%20643%20759%20Q%20639%20755%20643%20741%20Q%20650%20731%20681%20715%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%20140.6%20548.7%20L%20240%20499%20L%20304%20498%20L%20468%20534%20L%20626%20578%20L%20695%20583%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%22576.286003699522%2C576.286003699522%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20576.238%3B%20stroke-dasharray%3A%20576.238%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%20130.7%20364.2%20L%20249%20336%20L%20303%20340%20L%20434%20375%20L%20478%20375%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%22355.3299637856529%2C355.3299637856529%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20355.358%3B%20stroke-dasharray%3A%20355.358%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%20249.3%20387.6%20L%20347%20298%20L%20345%20225%20L%20327%20205%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%22232.49228140738592%2C232.49228140738592%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20232.5%3B%20stroke-dasharray%3A%20232.5%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%2050.5%20169.2%20L%20217%20124%20L%20547%20251%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%22526.1271516313057%2C526.1271516313057%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20526.121%3B%20stroke-dasharray%3A%20526.121%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%20354.7%20851.5%20L%20471%20803%20L%20498%20774%20L%20519%20649%20L%20567%20479%20L%20596%20389%20L%20644%20276%20L%20697%20179%20L%20740%20119%20L%20794%2061%20L%20826%2039%20L%20851%2031%20L%20860%2033%20L%20868%2047%20L%20888%20108%20L%20910%20217%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%221215.7682364987636%2C1215.7682364987636%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201215.78%3B%20stroke-dasharray%3A%201215.78%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%20554.4%20789.1%20L%20752%20715%20L%20785%20680%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%22259.1761025723507%2C259.1761025723507%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20259.141%3B%20stroke-dasharray%3A%20259.141%3B%20animation%3A%20800ms%20linear%205000ms%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
A craftsman's tool (工) used according to a standard or pattern (弋) — a model, style, or formula.
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 →
The meeting will be held officially tomorrow.
Please remember this mathematical formula.
This is the most effective way to learn.
This architectural style is the traditional Chinese style.
