chenqingspring / vue-lottie

Render After Effects animations on Vue based on Bodymovin
MIT License
1.31k stars 281 forks source link

uniapp平台app端报错 #54

Open qlanto224 opened 4 years ago

qlanto224 commented 4 years ago

uniapp平台app端报错如下: image 测试demo:

<template>
    <div>
        <canvas id="test-canvas" canvas-id="test-canvas"></canvas>
    </div>
</template>
<script>
    import Anim from "../../assets/data.json"
    import lottie from "lottie-web";

    export default {
        onLoad() {
            let that = this;
            const canvasContext = uni.createCanvasContext("test-canvas");
            // 指定canvas大小
            canvasContext.canvas = {
                width: 100,
                height: 100,
            };
            lottie.loadAnimation({
                container: uni.createSelectorQuery().select("#test-canvas"),
                renderer: "canvas", 
                loop: true,
                autoplay: true,
                animationData: Anim,
                rendererSettings: {
                    context: canvasContext,
                    scaleMode: 'noScale',
                    clearCanvas: false,
                },
            });
        },
    }
</script>
notjb commented 4 years ago

➡️ https://github.com/chenqingspring/vue-lottie/issues/20#issuecomment-658504142

qlanto224 commented 4 years ago

➡️ #20 (comment)

并没有什么用

MichelleWangMX commented 4 years ago

我也有同樣的問題