有沒有一種方法來添加一個Canvas元素作爲圖像SVG

Question

我這裏有一個的jsfiddle：

http://jsfiddle.net/Gt7wQ/

我試圖做的是補充一點，我只是畫在臨時畫布元素我的svg董事會。 這可能嗎？

我試圖現在要做的是：

svg.append("image") 
    .attr("xlink:href", temp_canvas) 
    .attr("x", 0) 
    .attr("y", 0); 

感謝

Answer 1

使用toDataURL() canvas元素上產生data-uri。

而且指定D3 SVG的寬度和高度屬性，以及：

svg.append("image") 
    .attr("xlink:href", temp_canvas.toDataURL()) 
    .attr("x", 0) 
    .attr("y", 0) 
    .attr("width", 300) 
    .attr("height", 300); 

UPDATED FIDDLE

注意，如果在畫布上的內容是由這是不行的除您的頁面之外的其他來源的源（即，繪製到來自不同域的canvas所繪製的圖像）。