MediaWiki內

我們顯示使用模板與此代碼MediaWiki內SVG圖像調整大小SVG圖像：MediaWiki內

{{#tag:svgfile||src={{{1}}}|height={{{height|300px}}}|width={{{width|600px}}}}}

其中{{{1}}}是上載的文件。

現在，我們希望能夠重新調整圖像，就像我們做的JPG等，使用：

[[Image:<file name>.JPG|200px]]

有誰知道該怎麼做？

我們目前的解決方法是簡單地以不同的大小重新創建SVG（在Visio中），這非常耗時！

更新：頁面上代碼：

<p><b>{{SVG|Bitmap VS SVG.svg|height=300px|width=400px}}</b></p> 
<p> 
    <a class="external autonumber" href="<url>index.php?title=Special:Upload&amp;wpDestFile=Bitmap VS SVG.svg"> 
     <iframe src="/mediawiki/images/6/6b/Bitmap_VS_SVG.svg" width="400px" height="300px" frameborder="0"></iframe> 
    </a> 
    <a href="/mediawiki/index.php/Image:Bitmap_VS_SVG.svg" title="Image:Bitmap VS SVG.svg">desc</a> 
</p>

來源

2010-10-22 Wikis

什麼是模板最終渲染等爲HTML？它是使用顯示內嵌HTML5樣式，還是作爲對象，還是從圖像標記引用？ – robertc 2010-10-22 12:16:10

@robertc - 感謝您的回覆。我不知道如何回答你的問題 - 我應該尋找什麼？ – Wikis 2010-10-22 15:20:29

當您在Web瀏覽器中查看模板的結果時，源代碼是什麼？ – robertc 2010-10-22 15:32:16

OK，有兩個部分組成的混合液，我只能幫你的第一部分，但在這裏它是：

瀏覽器（Firefox，Chrome & Opera）將調整圖像大小，以適應可用空間，如果您從SVG文件中刪除顯式大小並將其替換爲viewBox。下面是維基百科上說Bitmap_VS_SVG.svg文件具有在它的頂部：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 
    xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638">

這裏就是它需要爲自動縮放：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" 
    xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1063 638">

你可以看到在上下文中的差異由您的模板in this example page以上生成的iframe。

現在，第二部分就是如何讓所有這些工作在MediaWiki上，爲此我可以減少幫助。我註冊了一個維基百科賬戶來嘗試一些東西，但默認的文件嵌入只是創建了一個PNG版本的圖像，它似乎並不像你的特定模板可用。因此，爲了讓你的工作順利進行，你現在需要得到一個理解MediaWiki模板的人的幫助。這個問題已經回答了

來源

2010-10-26 23:04:57 robertc

@robertc - 哇，謝謝你爲我着想。我會檢查出來並儘快回覆你。 – Wikis 2010-10-27 18:42:04

@robertc - 非常感謝您爲我進行調查。當我改變我的模板，並且你建議它不起作用 - 我甚至無法在頁面代碼中看到viewBox。我注意到rescaling * does *在維基百科上工作，所以我需要調查爲什麼它在那裏工作。再次感謝。 – Wikis 2010-10-28 12:55:03

@MarkRobinson viewBox位於_SVG_代碼中。我認爲維基百科上的縮放是通過在服務器上創建各種大小的PNG來實現的，我認爲這就是你想要擺脫的東西？ – robertc 2010-10-28 13:24:42

後6年內，它按預期工作：

[[Image:fooobar.svg|200x200px]]

來源

2017-06-21 13:40:11 cgo

回答

相關問題