如何更改<img/>标记中包含的svg图像的填充颜色

Question

我正在将图像动态添加到特定的div中， 像这样：

<img class="image"  id='logo' src='js/whiteboard/images/square.svg'  alt=""  style="width: 100%; height: 100%;">

但是我不知道如何更改SVG图像的内部颜色

我正在执行此JS代码，但未成功：

var colorPicker = document.getElementById("colorpicker");
colorPicker.addEventListener('change', function() {             
    $("svg").find('path, text').css('fill', this.value);            
});