HanziWriter 动画显示汉字书写步骤

const writer = HanziWriter.create('target', "<%=BiShun.Title%>", {

width: 200,

height: 200,

padding: 10,

strokeAnimationSpeed: 1, // 动画速度

delayBetweenStrokes: 200, // 笔画之间的延迟

showCharacter: false ,// 初始不显示完整汉字,避免循环时出现闪屏,

charDataLoader: function (char, onComplete) {

$.getJSON("/cnchar-data/draw/" + char + ".json", function (charData) {

onComplete(charData); //加载自己的库,不然网络上的怕不稳定

});

}

});

// 定义循环播放函数

function loopAnimate() {

// 先重置汉字状态(清除已绘制的笔画)

//writer.reset();

// 播放动画,动画结束后递归调用自身实现循环

writer.animateCharacter()

.then(() => {

// 可选:动画结束后添加短暂延迟再开始下一轮,避免衔接太突兀

setTimeout(loopAnimate, 1000); // 500ms 延迟,可根据需要调整,这是字与字这之间的间隔,不是笔画间的间隔

});

}

loopAnimate();

文件名精灵2025年最新版 机器翻译 AI智能
...
批量修改文件名称、文件夹名称

免费使用 功能无限制

全面接入机器自动翻译功能,主流AI大模型智能改名

方便快捷,支持正则表达式、无需安装功能齐全、支持定制无广告、无插件,放心使用。

免费下载
本站中所有的计算器的计算结果仅供参考,本站对此结果的准确性不承担任何责任,实际数额以银行/保险公司/国家相关机构确认的结果为准。
在线客服QQ:543690914,备案号: 苏ICP备15037649号-27。东海县白塔埠镇佳诚电脑经营部版权所有。