Javascript html2canvas插件未捕获图像

这个问题以前有人问过，但我似乎无法让它起作用。希望你能看到我的错误。下面的代码将捕获文本和灰色div，但不会捕获图像

<div id="snapshot" style="left: -60px; height: 1000px; width: 1000px;">
    <p>THIS IS A TEXT TEST</p>
    <div style="width: 100px; height: 100px; float: left; background: #f0f0f0">

    </div>

    <img src="http://photos.capturemyarizona.com/photos/LnnOEyWSV4fh846ohaIAQg/display.jpg" />
</div>




$("#myBtn").click ->
    html2canvas $("#snapshot"),
      background: "red"
      onrendered: (canvas) ->
        imgSrc = canvas.toDataURL()
        popup = window.open(imgSrc)
        return

    return


<button id="myBtn">Click Me</button>

这是一个文本测试

$（“#myBtn”）。单击->
html2canvas$（“快照”），
背景：“红色”
onrendered：（画布）->
imgSrc=canvas.toDataURL（）
弹出=窗口打开（imgSrc）
返回
返回
点击我

这是小提琴

---

好吧，我知道问题出在哪里了。html2canvas无法捕获来自不同来源的图像。我的图像来自CDN

---

您能设置一个JSFIDLE来演示吗？好的，我添加了小提琴。谢谢你的关注Hello@isea你解决了这个问题吗？这个问题有解决办法吗？我也面临着同样的问题。对不起，这是几场演出前的表演，但我想我们不得不暂时放弃这个功能