svg Viewbox sollte die Schriftgröße nicht verändern?

9

Ich benutze Svg mit ViewBox für die Anpassung an den Container, es funktioniert gut, wenn ich die Größe des Containers die Svg Kreis und Text Größe ändern und fit für Container, aber ich möchte nicht die Größe der Schriftart skalieren, wenn ich die Größe ändern container.Ich habe viel gesucht, aber keine wertvollen Vorschläge gefunden.

Ich muss die Größe von div ändern und svg circle sollte die Größe ändern, aber der Text sollte die Schriftgröße nicht verändern und auch der Text sollte sich zusammen mit dem Kreis bewegen.

Irgendwelche Vorschläge sollten geschätzt werden.

Das folgende ist das SVG, das ich in meiner Anwendung verwende

%Vor%

Hier ist die Demo

Hinweis : Ändern Sie die Größe der jsFiddle

    
karthik 13.08.2013, 11:40
quelle

2 Antworten

2

Verschieben Sie die Viewbox aus dem root-svg-Tag und in ein verschachteltes svg-Tag. Setzen Sie den Text außerhalb des verschachtelten Svg-Tags, und die Viewbox wirkt sich nicht auf das Text-Tag aus

%Vor%

Beispiel

    
Brandon 11.01.2014 00:59
quelle
0

Entschuldigung. Es gibt keine Möglichkeit, das zu tun, was Sie wollen. Es gibt eine Funktion von SVG 1.2 namens TransformRef ( Ссылка ), die in This nützlich sein könnte Situation, aber leider wird es von keinem der Browser AFAIK unterstützt.

    
Paul LeBeau 13.08.2013 13:33
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Eager Last auf polymorphe Kindobjekteigenschaft