l'image Redimensionnement SVG MediaWiki

Nous affichons des images SVG dans MediaWiki en utilisant un modèle avec ce code:l'image Redimensionnement SVG MediaWiki

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

où {{{1}}} est le fichier téléchargé.

Maintenant, nous voulons être en mesure de redimensionner l'image, comme nous le faisons avec JPGs, etc, en utilisant:

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

Est-ce que quelqu'un sait comment faire cela?

Notre solution de contournement actuelle consiste simplement à recréer le SVG (dans Visio) à une taille différente, ce qui prend beaucoup de temps!

Mise à jour: Code à la page est:

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

Source

2010-10-22 Wikis

Que signifie le modèle finissent par rendre comme HTML? Utilise-t-il l'affichage du style HTML5 en ligne ou en tant qu'objet ou est-il référencé à partir d'une balise d'image? – robertc

@robertc - merci pour la réponse. Je ne sais pas comment répondre à votre question - que dois-je rechercher? – Wikis

Lorsque vous regardez les résultats du modèle dans un navigateur Web, quel est le code source? – robertc

OK, il y a deux parties à cette solution et je ne peux vous aider avec la première partie, mais voici:

Browsers (Firefox, Chrome & Opera) redimensionnera l'image pour l'adapter à l'espace disponible si vous supprimez la taille explicite du fichier SVG et le remplacez par un viewBox. Voici ce que ce fichier Bitmap_VS_SVG.svg sur Wikipédia a au sommet de celui-ci:

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

Et voici ce qu'il a besoin d'être mise à l'échelle automatique:

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

Vous pouvez voir la différence dans le contexte de le iframe tel que généré par votre modèle ci-dessus in this example page. Maintenant, la deuxième partie de la façon dont vous pouvez tout faire fonctionner sur MediaWiki, et pour cela je peux être moins utile. Je me suis inscrit à un compte Wikipedia pour essayer quelques trucs mais l'intégration de fichier par défaut crée juste une version PNG de l'image, et il ne semblait pas que votre modèle particulier était disponible. Donc, pour que cela fonctionne pour vous, vous allez maintenant avoir besoin de l'aide de quelqu'un qui comprend les modèles MediaWiki.

Source

2010-10-26 23:04:57 robertc

@robertc - wow, merci d'avoir regardé ça pour moi. Je vais vérifier cela et revenir à vous dès que possible. – Wikis

@robertc - merci beaucoup d'avoir enquêté pour moi. Lorsque j'ai changé de modèle et que vous avez suggéré que cela ne fonctionnait pas, je ne pouvais même pas voir viewBox dans le code de la page. J'ai remarqué que la mise à l'échelle * fonctionne * sur Wikipédia, donc j'aurai besoin d'étudier pourquoi cela fonctionne là-bas. Merci encore. – Wikis

@MarkRobinson viewBox est dans le code _SVG_. Je pense que la mise à l'échelle de Wikipédia est faite en créant des PNG de différentes tailles sur le serveur, je pensais que c'était ce que vous essayiez d'éviter. – robertc

6 ans après la question a été répondue, cela fonctionne comme prévu:

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

Source

2017-06-21 13:40:11 cgo

l'image Redimensionnement SVG MediaWiki

Répondre

Questions connexes