Skip to content
学笔画、练笔顺
HTML JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
README.md
_config.yml
all.js
favicon.ico
index.html
qqshuru.js
style.css
sx-min.png
xuebihua_qr.png

README.md

点击体验→ https://xuebihua.cn

xuebihua_qr

刷着阮一峰的 weekly 看到了 Hanzi Writer 这个项目,发现笔顺的动画比较自然,还能在 svg 上手写练习,最重要的是看看 demo 好像上手比较简单,实际也如此。功能代码非常好使,基本折腾在界面和陌生的代码上,比如想让 svg 自适应,搜索测试一晚发现还是以下代码好使:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

考虑到教室大屏上不方便输入文字,直接内置一年级语文的400个生字,点击即可展示。发现,会 jQuery 还真省事!

考虑到大屏上输入文字不太方便,搜索一圈发现以下代码:web版手写输入法 ,利用了 QQ输入法的手写 handwritingapi.js 接口,不过文中添加的仅是鼠标事件,移动端的触摸事件不支持,发现QQ输入法的鼠标定位值和 Canvas 直接触摸定位值不同,依样画葫芦造函数,神奇般的成了!

You can’t perform that action at this time.