下載的圖像沒有邊框

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

來源

2016-12-23 Pratik Patani

將邊框應用於畫布，然後嘗試下載示例：canvas .style.border ='1px solid＃000'; – pareshm

我也試過，但..但下載後的圖像沒有邊界.. –

@pareshm ..我添加邊框到畫布後出現此錯誤。錯誤：未捕獲TypeError：無法設置未定義的屬性'border' –

添加邊框例如： http://jsfiddle.net/yvqmp1so/

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

來源

2016-12-23 18:40:26 neopheus

@neopheus ...謝謝..它適用於我.. –

這是正常的

你的邊界是不是在畫布

，如果你想在邊境，你必須在畫布

來源

2016-12-23 06:49:51 neopheus

@ neopheus ..但我該怎麼做？我正在使用fabricjs –

下載的圖像沒有邊框

回答

相關問題