uniapp h5 + antv f2报错

antv f2官网的demo直接复制报错
uniapp h5 + antv f2报错canvas.getContext is not a function
vue项目里面都可以正常显示
知道的大佬帮帮忙看看

代码<template>
<view class="content">
<canvas id="myChart" width="400" height="260"></canvas>
</view>
</template>

<script>
import F2 from '@antv/f2';
export default {
mounted() {
this.$nextTick(() => {
const data = [
{ genre: 'Sports', sold: 275 },
{ genre: 'Strategy', sold: 115 },
{ genre: 'Action', sold: 120 },
{ genre: 'Shooter', sold: 350 },
{ genre: 'Other', sold: 150 },
];

        // Step 1: 创建 Chart 对象  
        const chart = new F2.Chart({  
          id: 'myChart',  
          pixelRatio: window.devicePixelRatio // 指定分辨率  
        });  

        // Step 2: 载入数据源  
        chart.source(data);  

        // Step 3：创建图形语法，绘制柱状图，由 genre 和 sold 两个属性决定图形位置，genre 映射至 x 轴，sold 映射至 y 轴  
        chart.interval().position('genre*sold').color('genre');  

        // Step 4: 渲染图表  
        chart.render();  
      })  
    }  
}  

</script>

<style>
.content {
width: 100%;
height: 100%;
}

</style>