如何調整svg（使用蠟染）並顯示它？

Question

我有一個100x100像素（例如）的svg文件。 我正在使用蠟染。

如果我做了：

JSVGCanvas svg = new JSVGCanvas(); 
[...] 
svg.setSize(10,10); 

它只會顯示畫面的這一部分，而不是調整後的圖像。

你知道我怎麼能顯示一個resized svg圖片嗎？

感謝;）

Answer 1

你需要確保你正在顯示文檔具有viewBox=""屬性根<svg>元素上設置。例如，指定viewBox="100 100 300 200"表示區域（100,100）→（400,300）將縮放爲JSVGCanvas的大小。默認情況下，此區域的高寬比將在縮放時保留，所以如果與您的JSVGCanvas的高寬比不匹配，您將在頂部或底部獲得一些額外的填充。要覆蓋該行爲，請使用preserveAspectRatio=""屬性。

Answer 2

查看框參數允許您設置想要查看/顯示的畫布部分。 如果你想「調整」你的SVG（一個SVG沒有真正的大小，因爲它是一個矢量圖像），您可以添加/更改參數寬度和高度存在於<svg>標題是這樣的：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="text/ecmascript" zoomAndPan="magnify" width="1200" height="720" contentStyleType="tex ....</svg> 

如果要更改視圖框，你可以在<svg>頭（由720一1200高清視圖）添加參數

viewBox="0 0 1200.0 720.0" 

。