estoy tratando de posicionar un elemento interno dentro del elemento raíz. El elemento raíz está configurado para ser 100% alto y 100% ancho. Sin embargo, quiero que el interior sea SVG 10px más o menos desde el borde exterior de la SVG - todos excepto el borde derecho, lo que me gustaría ser 200 píxeles desde el borde exterior derecho. Quiero esto para visualizar en un navegador web y lo que el usuario debe ser capaz de cambiar el tamaño del navegador y por lo tanto el exterior SVG SVG, mientras que el interior debe ser capaz de mantener la distancia correcta de la SVG exterior en cada lado.SVG posicionamiento como position: absolute
De esta manera:
+OUTER SVG------------------------------------------+
| |
| +INNER SVG----------------+ |
| | | |
| | | 200px |
| | | <---+-----+----> |
| | | |
| | | | 1
| | | | 0
| | | | 0
| | | | %
| | | |
| | | | h
| | | | i
| +-------------------------+ | g
| | h
| |
+---------------------------------------------------+
100% Wide
¿Es posible hacer esto con SVG solo?
Yo no lo creo: puesto que se mezclan% y los píxeles, tendrá que hacer algunas manipulaciones de javascript. A menos que, tal vez, SVG funcione bien con las consultas de medios css? – pixeline