小程序中使用lottie动画为什么会失真？

https://cdn.kaishuhezi.com/kstory/activity_flow/video/70fde28f-8433-449c-bce5-ecc9a5d328b9.mov

<Canvas id='c1' type='2d' style={{width: '1112px', height: '1112px'}} />

Taro.createSelectorQuery().selectAll('#c1').node((res) => {
    const canvas = res[0].node;
    const context = canvas.getContext('2d');

    lottie.setup(canvas);
    this.ani = lottie.loadAnimation({
        loop: true,
        autoplay: true,
        animationData: data,
        rendererSettings: {
            context,
        },
    })
}).exec()