Programowanie svg

14

Zamknięte . To pytanie jest oparte na opiniach . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby można było na nie odpowiedzieć faktami i cytatami, edytując ten post . Zamknięte 6 lat temu . Popraw to pytanie Pracuję nad interaktywnym interfejsem przy użyciu SVG i JavaScript / …

254 javascript jquery svg raphael

11

Jak wyśrodkować plik SVG w div?

Mam plik SVG, który próbuję wyśrodkować w div. Div ma szerokość lub 900 pikseli. SVG ma szerokość 400 pikseli. SVG ma lewy margines i prawy margines ustawiony na auto. Nie działa, działa tak, jakby lewy margines wynosił 0 (domyślnie). Czy ktoś zna mój błąd?

252 css layout svg positioning margin

8

Czy istnieje sposób na użycie SVG jako treści w pseudoelemencie: przed lub: po

Chcę umieścić niektóre obrazy SVG przed niektórymi wybranymi elementami. Korzystam z JQuery, ale to nie ma znaczenia. Chciałbym, aby element: before był jako: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Jeśli zrobię to, jak pokazano powyżej, po prostu wyświetli ciąg. Sprawdziłem specyfikacje i wydaje …

245 css svg

7

Jak mogę wykonać skalę SVG za pomocą kontenera nadrzędnego?

Chcę mieć skalę zawartości wbudowanego elementu svg, gdy rozmiar nie jest rodzimy. Oczywiście mógłbym go mieć jako osobny plik i skalować w ten sposób. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Chcę jednak dodać dodatkowe style do SVG poprzez CSS, więc połączenie zewnętrznego nie jest opcją. Jak …

235 css html svg scaling

12

Jak utworzyć łzy w HTML?

Jak utworzyć taki kształt, aby wyświetlał się na stronie internetowej? Nie chcę używać obrazów, ponieważ byłyby rozmyte podczas skalowania Próbowałem z CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div class="tear"> </div> Uruchom fragment koduUkryj …

222 html css svg css-shapes

10

Czy możesz kontrolować, w jaki sposób rysowana jest szerokość obrysu SVG?

Obecnie budujemy aplikację SVG opartą na przeglądarce. W tej aplikacji użytkownik może stylizować i ustawiać różne kształty, w tym prostokąty. Kiedy zastosuję a stroke-widthdo rectpowiedzmy elementu SVG 1px, obrys jest stosowany rectw różny sposób do przesunięcia i wstawki przez różne przeglądarki. Jest to kłopotliwe, zwłaszcza gdy próbuję obliczyć zewnętrzną szerokość …

204 svg offset rect

4

Czy potrzebne są parametry SVG, takie jak „xmlns” i „wersja”?

W około połowie przykładów SVG, które widzę w Internecie, kod jest zawinięty w proste, proste <svg></svg>tagi. W drugiej połowie tagi svg mają wiele skomplikowanych atrybutów: <svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> Moje pytanie brzmi: czy można używać prostych tagów svg? Próbowałem bawić się skomplikowanymi i wszystko działa dobrze, jeśli ich nie uwzględnię.

203 xml svg tags

4

Pozycjonowanie SVG

Gram w SVG i mam kilka problemów z pozycjonowaniem. Mam serię kształtów zawartych w gznaczniku grupy. Miałem nadzieję, że użyję go jak kontenera, więc mogę ustawić jego pozycję x, a wtedy wszystkie elementy w tej grupie również się poruszą. Ale to nie wydaje się możliwe. Jak większość ludzi zajmuje się …

203 svg position grouping

8

Czy mogę zmienić kolor wypełnienia ścieżki SVG za pomocą CSS?

Mam następujący kod: <span> <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;"> <desc></desc> <defs/> <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/> </svg>&nbsp; </span> Czy można zmienić kolor wypełnienia ścieżki SVG za pomocą CSS lub w inny sposób bez zmiany go wewnątrz znacznika ścieżki?

201 css svg

7

Jak mogę usunąć lub zamienić zawartość SVG?

Mam kawałek kodu JavaScript, który tworzy (przy użyciu D3.js) svgelement zawierający wykres. Chcę zaktualizować wykres w oparciu o nowe dane pochodzące z usługi internetowej za pomocą AJAX, problem polega na tym, że za każdym razem, gdy klikam przycisk aktualizacji, generuje nowy svg, więc chcę usunąć stary lub zaktualizować jego zawartość. …

200 javascript ajax svg d3.js

14

append jquery nie działa z elementem svg?

Zakładając to: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("svg").append('<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>'); }); </script> </head> <body> <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="200px" height="100px"> </svg> </body> Dlaczego nic nie widzę?

199 jquery html svg

13

Jak obliczyć ścieżkę SVG dla łuku (koła)

Biorąc pod uwagę okrąg wyśrodkowany na (200,200), promień 25, jak narysować łuk od 270 stopni do 135 stopni i taki, który przechodzi od 270 do 45 stopni? 0 stopni oznacza, że jest dokładnie na osi x (po prawej stronie) (co oznacza, że jest to godzina trzecia) 270 stopni oznacza, że …

191 svg

5

SVG: tekst wewnątrz prostego

Chcę wyświetlić tekst w SVG rect. Czy to możliwe? próbowałem <svg xmlns="http://www.w3.org/2000/svg"> <g> <rect x="0" y="0" width="100" height="100" fill="red"> <text x="0" y="10" font-family="Verdana" font-size="55" fill="blue"> Hello </text> </rect> </g> </svg> Ale to nie działa.

180 text svg rect

10

Jak umieścić i wyśrodkować tekst w prostokącie SVG

Mam następujący prostokąt ... <rect x="0px" y="0px" width="60px" height="20px"/> Chciałbym umieścić w środku słowo „fikcja”. Czy w przypadku innych prostokątów zawijanie słów svg pozostaje w nich? Nie mogę znaleźć nic konkretnego na temat wstawiania tekstu do kształtów, które są wyśrodkowane zarówno w poziomie, jak iw pionie, oraz zawijania wyrazów. Ponadto …

179 text svg

8

Dołącz plik SVG (hostowany na GitHub) w MarkDown

Wiem, że obraz można umieścić w MD ze składnią MD albo ![Alt text](/path/to/img.jpg)lub ![Alt text](/path/to/img.jpg "Optional title"), ale mam trudności z umieszczeniem SVG w MD, gdzie kod jest hostowany na GitHub. Ostatecznie używam rails3 i często zmieniam model w tej chwili, więc używam RailRoady do generowania SVG schematu schematu modeli. …

173 svg github markdown

Pytania otagowane jako svg