al parecer me equiboque de seccion al escribir mi problema y ahora lo vuelvo a escribir en el apartado de css.
pues bien tengo un problema con esta regla transform:scale
en verdad la instrucion funciona bien, pero cuando lo hago en una etiqueta svg, me falla.
Me explico mejor:
tengo una imagen que la pongo en el codigo html, mediante la etiqueta <img>
y si le aplico el style
img:hover{transform:scale(2.2);}
cuando paso el raton se amplia (aqui funciona bien)
Pero si esta imagen la pongo dentro de un svg y la etiqueta de la imagen le pongo un id="uno"
cuando le pongo
#uno:hover{transform:scale(2.2);}
Entonces parece que se amplia, pero se desplaza del cuadro (no funciona bien)
Es decir en la img se amplia en su posicion va creciendo, pero en el svg, al ampliarse se va transladando hacia un lado.
Me he dado cuenta, que si el lienzo es como el de la foto, la foto al ampliarse en el navagador, se sale como de su cuadro y va desapareciendo, pero si le amplio el lienzo
ya no se sale de el, se amplia y se ve aunque no se amplia como en la img que se amplia en el sitio.
Espero haberme explicado, si tienen alguna duda, pregunte para ver si puedo hacerlo comprender y si lo saben, porfavor digamen algo que me vuelvo loco, no comprendo nada.
