将图像添加到画布不允许将画布保存为图像

Question

我的Fiddle中有2个画布示例。

+第一个画布有一个圆圈，当我点击保存时，我可以将其保存为图像。

+第二个画布有一个img但是当我点击保存时，我无法将其保存为图像。

我正在使用fabric.js。

为什么会这样？如何将其保存为图像？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.6.3/fabric.min.js"></script>
<canvas id="first" width="300" height="200"></canvas>
<button id="save-first">Save as img</button>

<canvas id="second" width="300" height="200"></canvas>
<button id="save-second">Save as img</button>

opened_date_week

Answer 1

这是一个跨域脚本问题。你正在从twitter上加载资产。如果你加载本地的assests它会工作。请注意控制台中的“操作不安全”消息。