免费分享一款开源的汉字库API接口,内含大量汉字笔画JSON数据

对于制作字典笔画的站长而言,可能会用到汉字笔画或者拼音类的数据API接口,爱好书法的也可以参考学习奥!

免费分享一款开源的汉字库API接口-Hanzi-writer(外国开发者免费福利版本):

Hanzi Writer

Hanzi Writer 是 javascript 免费开源库,根据汉字书写时按照笔画顺序的特征,可以播放正确笔画顺序的描边动画和练习测试。支持简体字和繁体字。可以让全球用户能够通过手绘模仿的方式来学习和练习书写汉字。

Hanzi Writer功能和特色说明

丰富性: 包含9000+个常用汉字的笔画数据,覆盖广泛。

准确性: 笔画轨迹详细且精准,模拟真实书写体验。

开放源代码: 全面免费,可自由使用和扩展,鼓励社区参与和贡献。

易用性: 提供简洁的JSON格式数据,易于集成到各类开发环境中。

跨平台兼容: 数据基于SVG标准,能在多种设备和浏览器上无缝运行。

体积小:Hanzi Writer 库仅仅 30 kb (压缩后仅 9kb!), 所以添加它不会使网页体积增大。

用处广泛:Hanzi Writer 使用 javascript, HTML5 and SVG, 所以它几乎能嵌入到任何平台应用, iOS 应用、安卓应用、桌面端应用和网页。

安装使用简单:(下面一个小例子)

首先需要引入Hanzi Writer汉字库文件:(建议下载到本地使用)

<script src=”https://cdn.jsdelivr.net/npm/hanzi-writer@3.5/dist/hanzi-writer.min.js”></script>

需要使用显示汉字的位置:

<div id=”character-target-div”></div>
<button id=”animate-button”>Animate</button>

JS脚本代码:(其中的汉字可以修改为动态数据库汉字)

<script>
var writer = HanziWriter.create(‘character-target-div’, ‘国’, {
width: 100,
height: 100,
padding: 5,
showOutline: true
});
document.getElementById(‘animate-button’).addEventListener(‘click’, function() {
writer.animateCharacter();
});
</script>

还可以根据官方发布的接口进行修改设置参数,进行个性化制作等

需要的小伙伴们抓紧免费下载使用吧!






文件名称:免费分享一款开源的汉字库API接口,内含大量汉字笔画JSON数据

更新日期:2024-5-18

文件大小:244K

广

点击下载

在线演示

本站采用署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)许可协议授权。
本站坚持“不能用的源码发出去都是浪费大家时间“,付费源码都是亲测的
源码已测试,但不保证完美无bug!站长是一位10年老技术,所有会员都可以免费咨询,在线指导提供运营建议!交个朋友~
洽单资源库仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,请联系客服予以删除。

洽单资源库 » 免费分享一款开源的汉字库API接口,内含大量汉字笔画JSON数据

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
找不到素材资源介绍文章里的示例图片?
对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
洽单资源库
一个免费分享价值的学习平台

提供最优质的资源集合

立即查看 了解详情