代码之家 › 专栏 › 技术社区 › Reinstate Monica - Goodbye SE

在Mediawiki中调整SVG图像的大小

scale mediawiki svg image

Reinstate Monica - Goodbye SE · 技术社区 · 14 年前

我们使用带有以下代码的模板在Mediawiki中显示SVG图像:

{{#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>

2 回复 | 直到 7 年前

robertc 14 年前

好的,这个解决方案有两个部分,我只能帮助您完成第一部分,但这里是:

如果从SVG文件中删除显式大小并用 viewBox . 下面是维基百科上的位图与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">

您可以在 iframe 由上面的模板生成 in this example page 。

现在,第二部分是如何让所有这些都能在Mediawiki上工作,对此我的帮助更少。我注册了一个维基百科帐户来尝试一些东西,但是默认的文件嵌入仅仅创建了一个PNG版本的图像,而且它看起来不像你的特定模板可用。因此,为了让这项工作对您有效,您现在需要了解Mediawiki模板的人的帮助。

cgo 7 年前

回答问题6年后,它按预期工作:

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

推荐文章

Pavan K · 缩放不正确,请调整UIImage大小并导出为jpeg

6 年前

Papea · 标称、序数和度量数据的聚类分析

6 年前

Eddy · 调整窗体大小时调整标签字体大小

7 年前

Joakim Sjöstedt · 如何停止按比例缩放图像?

7 年前

Yoni Verhaegen · Matlab绘图:刻度之间的等距离

7 年前

Wesley Bobato · Firemonkey TFrame Align=缩放错误?

7 年前

Hamzah Tahir · CSS-“悬停缩放”干扰其他div的位置

7 年前

tabtimm · 按相对比例缩放圆尺寸维恩图

7 年前

Harper Creek · 使用变量缩放图像

7 年前

Niels · 在Windows窗体应用程序中自动缩放webbrowser中的内容时出现问题

7 年前