如何从Canvas arc获得主色/平均色

Question

我正在尝试从画布弧线中获取平均颜色，因为找到了矩形而不是画布圆的代码。

以下是我的代码。会从图像生成弧，

var canvas22 = document.getElementById("canvasCropImge1");
    var ctx22 = canvas22.getContext("2d");
    var cw = canvas22.width;
    var ch = canvas22.height;

    var img22 = new Image();
    img22.onload = start;
    img22.src = "http://myglobalcenter.com/media/1003/vms_mgc.png";


    function start() {
        var cw, ch;
        cw = canvas22.width = img22.width;
        ch = canvas22.height = img22.height;
        ctx22.drawImage(img22, 0, 0);
        ctx22.globalCompositeOperation = 'destination-in';
        ctx22.beginPath();
        //ctx22.arc(cw / 2, ch / 2, ch / 2, 0, Math.PI * 2);
        ctx22.arc(40, 40, 10, 0 * Math.PI, 2 * Math.PI);
        ctx22.closePath();
        ctx22.fill();

       var arcdata = canvas.getContext('2d').getImageData(20, 20, 100, 100).data
    }

，但现在需要从中获取平均颜色。