Javascript 下载的图像没有边框

我正在使用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();
}

函数下载设计（）
{
var canvas=document.getElementById（'c'）.fabric；
var img=document.getElementById（'finalImge'）；
img.src=canvas.toDataURL（“image/png”）；
var a=$（“”）.attr（“href”，img.src）.attr（“download”，“Design.png”）.appendTo（“body”）；
a[0]。单击（）；
a、 删除（）；
}

这很正常

您的边框不在画布中

如果需要边框，则必须在画布中添加边框，例如：

---

将边框应用到画布，然后尝试下载示例：canvas.style.border='1px solid#000'；我也试过了。。但下载后图像没有边框..@pareshm。。在向画布添加边框后，我出现了此错误。错误：未捕获类型错误：无法设置的属性“border”undefined@neopheus..but我怎么做？我用的是fabricjs

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