hanziwriter插件在vue中的使用实例

最新推荐文章于 2024-05-30 22:15:45 发布

cv酱

最新推荐文章于 2024-05-30 22:15:45 发布

阅读量898

点赞数

分类专栏：前端文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/YingUser/article/details/126491189

版权

1、链接：

Hanzi Writer

2、在index.htmml文件中添加这个

   <script src="https://cdn.jsdelivr.net/npm/hanzi-writer@3.0/dist/hanzi-writer.min.js"></script>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>

3、具体使用

<template>
    <div>
        <div id="character-target-1"></div>
        <div id="character-target-2"></div>
        <!-- <button id="animate-button">Start</button> -->
    </div>
</template>

<script>

export default {
    data() {
        return {
        }
    },
    // created() {
    //     this.chainAnimations()
    // },
    mounted() {
        this.chainAnimations()
    },
    methods: {
        chai