下载的图片没有边框答案

【问题标题】：Downloaded image does not have border下载的图片没有边框
【发布时间】：2016-12-24 02:40:26
【问题描述】：

我正在使用 fabricjs 画布进行设计。使用 java 脚本下载图像文件。但是下载后看不到图片边框。

代码示例：

<canvas id="c" runat="server" style="border:2px solid black;" ></canvas>
<img alt="" src="" id="finalImge" runat="server" style="border:2px solid black;" />
function DownloadDesign()
{
    var canvas = document.getElementById('c').fabric;
    var img = document.getElementById('finalImge');
    img.src = canvas.toDataURL("image/png");
    var a = $("<a>").attr("href", img.src).attr("download", "Design.png").appendTo("body");
    a[0].click();
    a.remove();
}

【问题讨论】：

对画布应用边框然后尝试下载示例：canvas .style.border = '1px solid #000';
我也试过了..但是下载后图片没有边框..
@pareshm .. 在画布上添加边框后出现此错误。错误：未捕获的类型错误：无法设置未定义的属性“边框”

标签： javascript html asp.net canvas fabricjs

【解决方案1】：

例如： http://jsfiddle.net/yvqmp1so/

var boundingBox = new fabric.Rect({
  fill: "transparent",
  width: 590,
  height: 590,
  stroke: "red",
  strokeWidth: 10,
  selectable: false
});
canvas.add(boundingBox);

【讨论】：

【解决方案2】：

正常的

你的边框不在画布中

如果你想要边框，你必须在画布中添加边框

【讨论】：

@neopheus..但我该怎么做呢？我正在使用fabricjs