Bazı SVG <path>
s düz bir çizgi çizmek için D3.js kullanıyorum. Tüm bu elemanlar aynı dikey dönüşüme sahip <g>
'da bulunur.Viraj SVG `<g>` etrafında Curve
Ben bir daire yayı etrafında bu öğeleri "wrap" istiyorum. Sonunda, her bir dikdörtgen arkın küçük bir parçası olmalı ve dikey çizgiler dairenin merkezine işaret edecektir.
Muhtemelen bunu baştan itibaren bir yay içinde yapabileceğimi fark ettim: örneğin, dikdörtgen daire yerine uçtan uca kalın daire bölümleri çizme. Ancak bu, özellikle SVG'ye yeni biri için çok fazla matematik ve hesaplama gibi görünüyor.
bir eğrinin üzerine bu öğeleri dönüştürmek için bir yolu var mı Post Hoc, ben transform
niteliğini değiştirerek belki dikdörtgenler-bu çizer hangi sahip kodu kullanabilirsiniz anlamı? Eğer harici bir SVG kütüphanesi varsa (hiç başarıya bakmasam da), bunu kullanmayı da düşünürdüm.
Yay çizim komutu budur. Bu karmaşık değil: https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths –