JS实现在线汉字笔画练习特效（平板移动端可用）

共5个文件

js：3个

html：1个

css：1个

手写汉字

益智学习

儿童适合

移动平板可用

显示自动写顺序

4星 · 超过85%的资源需积分: 49 58 下载量 107 浏览量 2019-06-25 14:38:22 上传评论 3 收藏 12KB ZIP 举报

温馨提示

代码原因公司之前接了个项目，帮助6-8岁孩童练习手写汉字，这次有空把代码整理分析一下，实现了手写，ai自动写，高亮其中笔画等等，需要可以再修改一下源码哈，详细文章分析请看：https://mp.csdn.net/postedit/93618230

资源推荐

资源详情

资源评论

收起资源包目录

hanzi.zip （5个子文件）

hanzi

test.js 2KB

polyfill.min.js 222B

hanzi-writer.min.js 31KB

index.html 940B

styles.css 1KB

共 5 条

<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8"> <title>汉字练习</title> <link rel="stylesheet" href="styles.css" /> <script src="polyfill.min.js"></script> </head> <body> <h1 class="title">书写汉字</h1> <form class="js-char-form char-form"> <label> 字符 <input type="text" class="js-char char-input" size="1" maxlength="1" value="我" /> </label> <button type="submit">发布</button> </form> <div class="actions"> <button class="js-toggle">展示/隐藏手写高亮文字</button> <button class="js-toggle-hint">展示/隐藏灰暗文字阴影</button> <button class="js-animate">文字自动手写动画展示</button> <button class="js-quiz">自己手写方法</button> </div> <div id="target"></div> <script type="application/javascript" src="hanzi-writer.min.js"></script> <script type="application/javascript" src="test.js"></script> </body> </html>

评论收藏

内容反馈