Ich arbeite an einem Bericht, der ein eingebettetes SVG-Diagramm enthält. Das Diagramm wird mit relativen Koordinaten gezeichnet, so dass die Größe des Browserfensters sehr gut angepasst wird. Die einzige Ausnahme dort ist Text - es bleibt gleich. Ist es möglich, Text in SVG zu zeichnen, der in der Größe veränderbar ist?Wie ändert man Text in Svg dynamisch?
5
A
Antwort
2
Ich denke, Sie müssen eine relative Größe für die Schriftgröße verwenden. Siehe http://www.w3.org/TR/SVG11/coords.html#UnitIdentifiers. Wenn Sie eine absolute Größe wie pt oder cm verwenden, wird automatisch berechnet, wie groß die Größe sein muss, um auf Ihrem Monitor korrekt angezeigt zu werden, um diese Größe zu erhalten. Wenn Sie jedoch px verwenden, wird das aktuelle Ansichtsfenster verwendet. Wenn Sie keine Einheit angeben, werden die Benutzereinheiten auch wie im Beispiel des verknüpften Dokuments verwendet:
<text style="font-size: 50">Text size is 50 user units</text>
Verwandte Themen
- 1. Wie ändert man Header dynamisch?
- 2. Wie ändert man dynamisch die Elementausrichtung?
- 3. Wie Viewbox verwenden, wenn Höhe von Svg dynamisch ändert
- 4. Wie man eine Svg dynamisch in javafx entsprechend der Größe der Region ändert
- 5. Wie ändert man UICollectionview Zellenhöhe dynamisch?
- 6. Wie ändert man die Bandhöhe dynamisch?
- 7. Wie ändert man die Strichfarbe dynamisch?
- 8. Wie ändert man die Schriftgröße in Auto Layout iOS dynamisch?
- 9. SVG - wie man Text line-height setzt
- 10. CodeIgniter: Wie man Controller Namen dynamisch ändert
- 11. wie man bootstrap-wysihtml5 dynamisch ändert
- 12. Extjs4 Wie man ein Modell dynamisch ändert?
- 13. Wie man Text an SVG anfügt
- 14. Wie ändert man die SVG-Objektfarbe dynamisch mit einer JavaScript-Schleife?
- 15. Wie man Modellabfrage in Steuerung in Laravel 5.2 dynamisch ändert?
- 16. Wie man formatierten Text in TextBlock wpf dynamisch zeigt
- 17. Wie ändert man den Raphael-Text?
- 18. Wie man Text im Spielhersteller ändert?
- 19. Wie man Text vom Java-Code ändert?
- 20. jQuery toggle und wie man Text ändert
- 21. Android - Wie ändert man Texte in den Einstellungen Aktivität dynamisch?
- 22. Wie ändert man den Browsertitel dynamisch in der Joomla-Seite?
- 23. Wie ändert man die Klasse eines Objekts dynamisch in C#?
- 24. Wie ändert man den Objektnamen dynamisch in Javascript?
- 25. Wie ändert man Spaltentitel dynamisch in Kendo UI TreeList?
- 26. Wie ändert man die Seitenansicht dynamisch in angular2?
- 27. Wie ändert man dynamisch die Größe des Bildes in Sitecore?
- 28. Wie ändert man die Kreisfarbe in Google Maps API dynamisch?
- 29. Wie man die Höhe eines div dynamisch ändert
- 30. Wie man einen SVG-Text in Javascript linebreak?