Javascript 通过url在画布中打开图像

我一直在尝试使用web url在画布中打开图像。也许我没有很好地使用某些东西，我所做的是：

<script>
     function Draw_url_to_canvas(url1,name_of_canvas){
         var myCanvas = document.getElementById(name_of_canvas);
         var img3 = new Image;
         var ctx2 = myCanvas.getContext('2d');
         img3.onload = function(){
             ctx2.drawImage(img3,0,0); // Or at whatever offset you like
         }
         console.log(url1);
         img3.src = url1;
     }
</script>
<input type="text" name="url-pass" id = "url-pass"></input>
<button type="button" onclick = "Draw_url_to_canvas(document.getElementById('url-pass').value,'drawCanvas')">Pass url-photo to canvas</button>

函数绘制到画布（url1，画布名称）{
var myCanvas=document.getElementById（画布的名称）；
var img3=新图像；
var ctx2=myCanvas.getContext（'2d'）；
img3.onload=函数（）{
ctx2.drawImage（img3,0,0）；//或任意偏移量
}
console.log（url1）；
img3.src=url1；
}
将url照片传递到画布

---

我正在尝试使用这个weburl：我想它对这项工作是有效的，尽管它到目前为止还没有工作。有什么想法吗？

你试过调试你的代码吗？有错误吗？至少对我来说没有错误。谢谢你，如果你把它作为一个答案，我会很高兴接受它。url不指向实际的图像，它指向一个图像视图区域，你需要直接图像url。你能发布一个例子吗？