lottie 无法启动

[vickyleu]

lottie 无法启动

[vickyleu]

import lottie from "lottie-miniprogram";

改成用这个就正常了

useReady(() => {
        Taro.createSelectorQuery().select('#canvas').node((ref) => {
            if(ref){
                const canvas =  ((ref as unknown as unknown[]).length > 0)?  ref[0].node: ref.node;
                if(canvas){
                    const context = canvas.getContext('2d');
                    lottie.setup(canvas)
                    lottie.loadAnimation({
                        animationData: require("assets/react.json"),
                        loop: true,
                        autoplay: true,
                        rendererSettings: {context},
                    });
                }
            }
        }).exec();
    })
    
    
    
    
    
    <View className='right-content'>
                    {/* 右边的内容 */}
                    <Canvas id='canvas' className={`right-image ${isDisabled ? 'disabled' : ''}`}
                            type='2d' onTouchStart={handleClick} onTouchEnd={handleReleaseClick} onClick={() => {
                    }}
                    />
                </View>