2016-03-30 25 views
0

Rasgele SVG yollarını izleyen metin öğeleri eklemek istiyorum. Aşağıda bunun için çok basit bir örnek resim.Metin svg yolu boyunca konumlandırma

sample path

gerçek Pathes daha karmaşık olabilir, örnek üzerinde sadece örnek olarak verilmektedir.

Şu anda jQuery SVG kitaplığı kullanarak şunları yapın:

var texts = svg.createText(); 
var textOutput = texts.string('').span(customText.content); 
svg.textpath(textStyle, '#' + textPath.attr('id'), textOutput); 

Gerçi gerçekten uydurma değil. Sanırım bu, yolların "çizgiler" değil, geometrik formlar olduğu içindir. Dolayısıyla metin muhtemelen yolun içinde yer almıyor gibi görünüyor, ancak bunun yerine sınırını izliyor.

Şimdi bunu nasıl basitleştirebileceğimi merak ediyorum. Yolu açmak için ek satırlar eklemek tavsiye edilebilir mi?

Herhangi bir işaretçi için teşekkürler.

+0

Büyük elips ekseni boyunca görünmez bir çizgi çizin ve metni bunun üzerine koyun. –

+0

Belki bu cevap yardımcı olacaktır? http://stackoverflow.com/questions/6999281/can-text-be-added-to-an-svg-path Ne yapmaya çalıştığını anladığımdan emin değilim. Cevap, herhangi bir yola, poli çizgiye veya başka bir şeye uygulanmalıdır. – Nolo

+0

Evet, sanırım görünmez çizgiye gideceğim. Teşekkür ederim! – Guite

cevap

0

Alanın içine görünmeyen bir çizgi çizme ve bunu metin akışı için kullanma gerçekten iyi çalışıyor.