Vue3 获取图片主色

<img ref="myImg" style="width: 100%;" @load="getMainColor()" src="https://pic3.zhimg.com/v2-502a6b5ccead09757000baa2d577108e_r.jpg">


//npm i --save colorthief
<script>

import Colorthief from 'colorthief';




const myImg = ref(null)

const getMainColor=()=> {
    const colorthief = new Colorthief();
    const imgElem = myImg.value;//ref拿到元素
    imgElem.crossOrigin = ''
    const colors =  colorthief.getPalette(imgElem)
    console.log(colors[0])//十个颜色从多到少，第一个为主色
      
}
    
</script>