从控制台

Question

我正在使用Vibrant.js从图像中提取颜色以构建调色板。我已经运行了脚本并且可以在控制台中看到正在生成正确的颜色，但是当我尝试将它们输出到表格中时我没有得到任何东西......这是我的代码。

var img = document.createElement('img');
img.setAttribute('src', 'myImage.png')

img.addEventListener('load', function() {
    var vibrant = new Vibrant(img);
    var swatches = vibrant.swatches()
    for (var swatch in swatches)
        if (swatches.hasOwnProperty(swatch) && swatches[swatch])
            console.log(swatch, swatches[swatch].getHex())

        var output = '<table><tr><td style=\"background-color:#"'+ swatch +'";\"></td></tr></table>';

    $('.palette').html(output);
});