SVG定位像位置：绝对

我试图在根元素内部定位一个内部元素。根元素设置为100％高和100％宽。但是，我希望内部svg距离外部svg边缘10px左右 - 除了右边缘外，我希望距离外部右边缘200px。我想这显示在Web浏览器等的用户应该能够调整浏览器并且因此外SVG而内SVG应该能够从每一侧上的外SVG保持正确的距离。SVG定位像位置：绝对

像这样：

+OUTER SVG------------------------------------------+ 
|             | 
| +INNER SVG----------------+     | 
| |       |     | 
| |       |  200px   | 
| |       | <---+-----+----> | 
| |       |     | 
| |       |     | 1 
| |       |     | 0 
| |       |     | 0 
| |       |     | % 
| |       |     | 
| |       |     | h 
| |       |     | i 
| +-------------------------+     | g 
|             | h 
|             | 
+---------------------------------------------------+ 
        100% Wide

是否有可能与SVG独自做到这一点？

来源

2011-08-11 user37078

我不这么认为：既然你混合％和像素，你将不得不做一些JavaScript操作。除非，也许，SVG适用于CSS媒体查询？ – pixeline

如果我正确理解你，这是微不足道的。 SVG被构建为在Z堆栈中具有许多视觉元素，对齐，重叠，无论如何。

使用Inkscape中，免费和开源，创造SVGs，然后你就可以在文本编辑器，如果你想看到SVG是如何形成的直接编辑文件。在Inkscape中，您可以使用对齐工具，网格，变换缩放工具，拖放操作以及其他一些工具来完成此操作。

来源

2011-10-12 17:28:24

对不起。我不只是说我想要在这两者之间保持一定距离，但是在调整大小的同时保持距离。我编辑了相匹配的问题。 Upvote对于我原来的问题在技术上是正确的。 – user37078

SVG定位像位置：绝对

回答

相关问题