SVG konum gibi konumlandırma: mutlak

Question

Kök elemanın içine bir iç eleman yerleştirmeye çalışıyorum. Kök öğesi% 100 yüksek ve% 100 geniş olacak şekilde ayarlanmıştır. Bununla birlikte, iç svg'nin dış svg'nin kenarından 10px ya da öylesine olmasını istiyorum - sağ kenar hariç, dış sağ kenardan 200px olmak istiyorum. Bunun bir web tarayıcısında görüntülenmesini ve böylece kullanıcının tarayıcıyı yeniden boyutlandırabilmesini ve böylece dış svg'yi her iki taraftaki dış svg'den doğru mesafeyi koruyabilmesi gerektiğini ifade etmesini istiyorum. Bunun gibi

:

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

tek başına SVG ile bunu yapmak mümkün mü?

Answer 1

Seni doğru anlarsam, bu önemsizdir. SVG, Z yığınında çok sayıda görsel öğeye sahip, hizalanmış, üst üste binmiş, her neyse.

SVG'ler oluşturmak için Inkscape, ücretsiz ve açık kaynak kodunu kullanın ve SVG'nin nasıl oluşturulduğunu görmek istiyorsanız dosyayı doğrudan bir metin düzenleyicisinde düzenleyebilirsiniz. Inkscape'de hizalama araçlarını, ızgarayı, dönüştürme ölçekleme aracını, sürükle ve bırak yöntemini ve muhtemelen bunu gerçekleştirmek için diğer bazı araçları kullanabilirsiniz.