使用cnchar.js生成汉字书写笔划
<script src="/JsCss/cnchar.min.js"></script>
<script src="/JsCss/cnchar.draw.min.js"></script>
<script>
window.onload = function () {
let hanzi = "<%=BiShun.Title%>";
cnchar.setResourceBase('/cnchar-data/')
if (window.cnchar && window.cnchar.draw) {
cnchar.draw(hanzi, {
el: '#divHanZi', // 指定绘制容器
type: cnchar.draw.TYPE.WRITE, // 使用书写类型，TEST可能需要特定配置
style: { padding: 10, length: 150, borderColor: 'green', borderWidth: 1 }
});
cnchar.draw(hanzi, {
el: '#divBiShun',
type: cnchar.draw.TYPE.STROKE,
style: { padding: 10, length: 150, borderColor: 'green', borderWidth: 1 }
});
}
else {
alert("cnchar库未正确加载");
}
};
</script>