image svg

[bob2674]

Bonjour,
j'ai un fichier svg avec des zones cliquables
Je voudrais savoir s'il est possible d'ajouter cette image sur joomla 4 et que les éléments restent cliquables.
Pour l'instant j'arrive à mettre l'image mais rien n'est actif
Merci pour votre aide

[woluweb]

Oui, on peut afficher un SVG (sans ou avec zone cliquable).

Après, pour une réponse moins théorique, il faudrait une URL vers la page en question où on a déjà mis le SVG.

[bob2674]

Mon site est en local
voici le fichier svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<svg
   version="1.0"
   id="Calque_1"
   x="0px"
   y="0px"
   width="115.756px"
   height="99.277px"
   viewBox="0 0 115.756 99.277"
   style="enable-background:new 0 0 115.756 99.277;"
   xml:space="preserve"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg"><defs
   id="defs19" />
<path
   id="myPath"
   fill="#020304"
   class="myPath"
   style="fill-rule:evenodd;clip-rule:evenodd;fill:#020304;"
   d="M37.742,0c9.623,1.664,18.585,2.615,27.208,4.865  c9.353,2.441,11.989,6.76,11.929,16.381c-0.023,3.832-0.412,7.68,3.313,10.305c0.486,0.342,0.929,1.129,0.935,1.715  c0.062,6.82,4.912,7.186,9.969,7.957c3.725,0.57,7.439,1.85,10.894,3.4c5.053,2.271,8.206,6.104,8.012,12.088  c-0.04,1.217,0.257,2.791,1.022,3.633c7.373,8.113,4.243,17.658,3.006,26.539c-0.392,2.811-4.822,6.117-8.09,7.293  c-19.295,6.943-38.875,6.682-58.133-0.064c-3.428-1.201-6.521-5.014-8.422-8.381c-1.426-2.525-2.668-3.043-5.17-3.338  c-7.242-0.857-14.657-1.332-21.6-3.348C3.765,76.473-0.686,72.984,0.086,62.119c0.461-6.486-1.545-13.479,4.615-18.656  c0.578-0.488,0.132-3.355-0.733-4.195c-3.32-3.217-4.103-7.049-3.874-11.385c0.131-2.492,0.02-4.998,0.023-7.498  C0.136,11.775,2.072,7.988,10.5,5.527C19.503,2.898,28.932,1.725,37.742,0z M38.43,8.025c-8.365,1.605-16.971,3.07-25.461,5.037  c-1.742,0.402-3.052,2.672-4.561,4.08c1.574,1.543,2.886,3.879,4.766,4.502c16.703,5.547,33.566,5.395,50.32,0.252  c2.033-0.623,3.502-3.086,5.232-4.697c-1.793-1.559-3.373-4.037-5.418-4.514C55.293,10.824,47.129,9.596,38.43,8.025z   M72.087,64.447c6.982-1.145,14.882-2.129,22.608-3.881c2.568-0.582,4.689-3.133,7.016-4.785c-2.314-1.844-4.355-4.494-6.993-5.391  c-11.576-3.932-23.6-3.748-35.55-2.332c-4.881,0.578-9.676,2.199-14.381,3.738c-1.328,0.434-3.148,2.344-3.049,3.422  c0.132,1.451,1.658,3.139,3.036,4.02c1.773,1.133,3.94,1.898,6.032,2.236C57.515,62.561,64.267,63.377,72.087,64.447z   M79.607,72.102c-5.641-0.879-6.082-0.406-4.758,5.061C79.275,78.109,80.912,76.529,79.607,72.102z M46.736,33.863  c-1.752,0-3.576,0-5.684,0c0.123,1.887,0.218,3.324,0.319,4.885C45.582,39.701,47.856,38.887,46.736,33.863z M63.504,71.83  c-1.365,5.207,0.902,6.133,5.037,5.285C69.931,72.348,68.17,70.85,63.504,71.83z M30.32,38.734c1.912,0.094,3.617,0.178,5.764,0.285  c-0.162-2.182-0.277-3.729-0.395-5.287c-2.085,0-3.658,0-5.369,0C30.32,35.484,30.32,36.914,30.32,38.734z M24.593,73.385  c1.333-4.939-0.745-6.244-5.015-5.662C18.08,72.281,20.048,73.76,24.593,73.385z M24.225,38.416c1.365-5.928,1.033-6.287-4.89-5.541  c0,1.396,0,2.82,0,4.361C20.951,37.627,22.373,37.969,24.225,38.416z M57.482,76.463c1.471-5.465-0.677-6.611-5.152-5.777  c0,1.609,0,3.033,0,4.658C54.068,75.721,55.646,76.064,57.482,76.463z M57.665,37.371c0-1.76,0-3.279,0-4.803  c-4.623-0.766-6.589,0.531-5.003,5.389C54.356,37.76,55.925,37.576,57.665,37.371z M91.097,75.365  c-0.17-1.941-0.292-3.334-0.413-4.717c-4.803-0.637-6.594,0.904-4.938,5.766C87.431,76.084,88.992,75.777,91.097,75.365z   M69.522,30.016c-0.431-0.35-0.861-0.699-1.292-1.047c-2.992,0.828-6.608,1.168-4.022,7.395  C66.318,33.844,67.92,31.93,69.522,30.016z M26.835,51.811c-0.494,0.395-0.988,0.789-1.482,1.182  c-0.813,5.361-0.562,5.641,6.26,4.854C29.646,55.361,28.24,53.586,26.835,51.811z M8.861,28.811  c-0.455,0.424-0.91,0.848-1.364,1.271c1.757,1.828,3.515,3.654,5.737,5.965C15.287,30.047,11.822,29.639,8.861,28.811z   M41.895,67.223c-0.455,0.445-0.912,0.889-1.368,1.334c1.751,1.76,3.501,3.52,5.744,5.775  C48.162,68.494,45.219,67.699,41.895,67.223z M97.082,74.861c2.257-2.824,3.789-4.742,5.322-6.66  C97.977,67.84,94.868,68.516,97.082,74.861z M8.889,64.537c-0.405,0.363-0.812,0.727-1.217,1.09c1.662,1.816,3.325,3.631,5.488,5.99  C15.154,65.58,12.108,64.982,8.889,64.537z M96.322,89.357c-0.128-2.08-0.222-3.605-0.327-5.32  c-1.907,0.236-3.324,0.412-4.892,0.605c0,1.775,0,3.313,0,5.125C92.808,89.633,94.215,89.523,96.322,89.357z M73.962,90.895  c0-2.078,0-3.621,0-5.246c-1.763,0-3.195,0-4.761,0c0,1.771,0,3.297,0,4.957C70.868,90.707,72.18,90.787,73.962,90.895z   M79.768,85.568c0.143,2.066,0.248,3.605,0.369,5.369c1.871-0.166,3.287-0.291,4.83-0.428c0-1.752,0-3.275,0-4.941  C83.239,85.568,81.832,85.568,79.768,85.568z" />
<a
   id="a1609"
   xlink:href="https://google.fr"><text
     xml:space="preserve"
     style="font-size:13.3333px;line-height:1.25;font-family:sans-serif"
     x="91.596397"
     y="7.563005"
     id="text1247"><tspan
       id="tspan1245"
       x="91.596397"
       y="7.563005">texte</tspan></text></a></svg>

​

est ce un probleme du svg
ou de la façon dont je l'ai intégré dans la page
<img src="images/argent.svg" alt="" /></p>

[bob2674]

en mettant les balises directement svg dans l'article cela fonctionne
Par contre est ce possible que cela fonctionne en faisant une intégrationde l'image svg sans mettre le code en dur dans l'article?

[woluweb]

On peut uploader les SVG de la même façon qu'on uploade les PNG ou JPG dans le Gestionnaire de MEDIA.
Il faut juste les autoriser.
Voici une brève vidéo qui indique la petite manip' à faire : https://www.youtube.com/watch?v=U7hHYpuNqsg

[bob2674]

quand j'upload mon fichier j'ai bien mon svg qui s'affiche par contre il n'est plus du tout cliquable

[woluweb]

et si tu mets ton image dans une simple page HTML, elle est cliquable ?
c'est le test de vérité : alors tu sais si tu dois chercher du côté de Joomla ou bien du côté de ton svg (je penche pour la 2e option)