Şu anda tarayıcı tabanlı SVG bir uygulama oluşturma. Bu uygulama içinde, çeşitli şekil ve kullanıcı, dikdörtgen dahil olmak üzere tarz yerleştirilebilir.

Ne zaman başvuracağım bir stroke-width bir SVG rect element 1px, inme uygulanır rect’nin mahsup ve ilave olarak farklı yollarla, farklı tarayıcılar. Bu zor bir şehir, olduğunu gösteriyorözelliklebir dikdörtgenin dış genişlik ve görsel konumunu hesaplamak ve diğer unsurları yanında pozisyon için çalışın.

Örneğin:

• Firefox 1px daraltma () alt ve sol ve ekliyor: 1px (üst) ve sağ ofset
• Krom 1px daraltma (üst ve sol) ve ekliyor: 1px () alt ve sağ ofset

Benim için de tek çözüm şu ana kadar gerçek sınırları ben (muhtemelen path aracı ile) çizmek ve okşadı öğenin arkasına sınırları konumda olacaktır. Ama bu çözüm hoş olmayan bir çözüm olur, ve mümkünse bu yola girmek istemem.

Yani benim soru, bir SVG stroke-width elemanları çizilir nasıl kontrol EDEBİLİR MİSİN?

Hayır, inme ya da bir öğe içinde ve dışında çizilmiş olup olmadığını belirtemezsiniz. a proposal SVG grup çalışma işlevselliği 2003, ama hiçbir destek aldığı için (veya tartışma) yaptım.

Teklifte de belirtildiği gibi,

• "" inme genişliğini iki katına ve daha sonra kendisi için, ve . nesne klip kırpma yolu kullanarak içeri görsel olarak aynı sonucu elde edebilirsiniz
• aynı görsel olarak 'dışarıda' inme genişliğini iki katına ve daha sonra kendi üzerine. bu nesne zamanlı bir kopyasını taklit ederek elde edebilirsiniz

EditBu cevap gelecekte yanlış olabilir. veIntersect veStrokePath birleştirerek bu sonuçlar SVG Vector Effects, kullanarak elde etmek mümkün olmalıdır (') veya veExclude içinde' ('dışında). Ancak, Vektör Etkileri hala bulamıyorum hiçbir uygulamaları ile ilgili çalışma taslağı bir modül.

2 düzenleyin: SVG 2 taslak özellikleri stroke-alignment özelliği (olası değerler dışında merkezi||iç) içerir. Bu özelliği UAs sonunda yapabilir.