Pytania otagowane jako svg

Scalable Vector Graphics (SVG) to oparty na XML dwuwymiarowy format grafiki wektorowej, który może być również używany w HTML. Nie dodawaj tego tagu tylko dlatego, że Twój projekt korzysta z formatu SVG. Zamiast tego dodaj tag, jeśli Twoje pytanie dotyczy SVG lub jest z nim blisko związane, na przykład jak coś osiągnąć za pomocą SVG.

9
Nie można zaimportować plików SVG w maszynie
W typescript(*.tsx)plikach nie mogę zaimportować pliku SVG z tym oświadczeniem: import logo from './logo.svg'; Transpiler mówi: [ts] cannot find module './logo.svg'. Mój plik SVG jest po prostu <svg>...</svg>. Ale w .jspliku mogę go zaimportować bez żadnych problemów z dokładnie tą samą instrukcją importu. Przypuszczam, że ma to coś wspólnego z …
130 typescript  svg 

2
Optymalne ustawienia eksportu plików SVG do Internetu z programu Illustrator?
Chcę użyć logo SVG na stronie internetowej - aby wyglądała świetnie na responsywnym projekcie dla wszystkich urządzeń. Ale ponieważ występują problemy , chcę obsługiwać jak najwięcej urządzeń i przeglądarek. Ważną kwestią jest również prędkość ładowania. Jak w tym wszystkim mieszczą się ustawienia eksportu w programie Adobe Illustrator? W programie Illustrator …

9
Konwertować PDF do czystego SVG? [Zamknięte]
Zamknięte. To pytanie nie spełnia wytycznych dotyczących przepełnienia stosu . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby było na temat przepełnienia stosu. Zamknięte 2 lata temu . Popraw to pytanie Próbuję przekonwertować plik PDF na SVG. Jednak ten, którego używam, obecnie mapuje ścieżkę dla każdej litery …
115 pdf  svg 

6
SVG używa tagu i ReactJS
Więc zwykle, aby dołączyć większość moich ikon SVG, które wymagają prostej stylizacji, robię: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Teraz gram z ReactJS jak późno oceniając go jako ewentualny składnik mojego nowego frontonu stosie rozwoju jednak zauważyłem, że w swoim liście obsługiwanych tagów / atrybutów, ani useczy xlink:hrefsą obsługiwane. Czy można …
114 svg  sprite  reactjs 

9
Jak skalować uparty SVG osadzony za pomocą tagu <object>?
Mam kilka plików SVG, które określają, widtha heighttakże viewboxtak: &lt;svg width="576pt" height="432pt" viewBox="0 0 576 432" &gt; ... ale jak wyświetlić je w przeglądarce w wybranym przeze mnie rozmiarze? Chcę, żeby były mniejsze i próbowałem: &lt;object width="400" data="image.svg"&gt;&lt;/object&gt; ale wtedy widoczne są paski przewijania. To działa, jeśli zmienię plików SVG …
114 html  svg 

5
Szybkie i responsywne interaktywne wykresy / wykresy: SVG, Canvas, inne?
Próbuję wybrać odpowiednią technologię do aktualizacji projektu, która w zasadzie renderuje tysiące punktów na powiększalnym, przesuwalnym wykresie. Obecna implementacja przy użyciu Protovis jest gorsza. Sprawdź to tutaj: http://www.planethunters.org/classify Po całkowitym oddaleniu jest około 2000 punktów. Spróbuj użyć uchwytów na dole, aby nieco powiększyć, i przeciągnij, aby przesuwać. Zobaczysz, że jest …
114 html  canvas  svg  d3.js  kineticjs 

2
Favicon Standard - 2020 - svg, ico, png i wymiary?
Jakie wymiary ikon ulubionych, formaty plików i tagi meta / linków powinny być używane od 2020 roku? Obejmuje to ikonę Apple, okna, Androida i inne urządzenia, z których ludzie korzystają obecnie. Używam Opery i widzę, że obsługuje format svg. Czy obecnie najlepszym rozwiązaniem jest używanie SVG? Czy jest opcja „jeden …
114 html  svg  png  favicon 

1
Używanie copy-of z document () do dodawania plików SVG do wyjścia XHTML
Podczas przetwarzania mojego kodu XML próbuję skopiować plik SVG, do którego odwołuje się hrefatrybut, bezpośrednio do mojego wyjściowego kodu HTML za pomocą następującego wiersza: &lt;xsl:copy-of copy-namespaces="yes" select="document(@href)"/&gt; Nie copy-namespacespowinno być konieczne, ponieważ wartość domyślna i tak to „tak”, ale dodałem ją, aby uniknąć pytań o to, czy próbowałem. Pliki są …
113 html  xml  svg  xslt-1.0  xslt-2.0 

5
Jak sprawić, by element <svg> rozszerzał się lub zmniejszał do swojego kontenera nadrzędnego?
Celem jest &lt;svg&gt;rozwinięcie elementu do rozmiaru jego kontenera nadrzędnego, w tym przypadku a &lt;div&gt;, bez względu na to, jak duży lub mały może być ten kontener. Kod: &lt;style&gt; svg, #container{ height: 100%; width: 100%; } &lt;/style&gt; &lt;div id="container"&gt; &lt;svg xmlns="http://www.w3.org/2000/svg" version="1.1" &gt; &lt;rect x="0" y="0" width="100" height="100" /&gt; &lt;/svg&gt; &lt;/div&gt; …

8
Konwertuj obraz SVG na PNG za pomocą PHP
Pracuję nad projektem internetowym, który obejmuje dynamicznie generowaną mapę Stanów Zjednoczonych, kolorującą różne stany w oparciu o zestaw danych. Ten plik SVG daje mi dobrą, pustą mapę Stanów Zjednoczonych i bardzo łatwo jest zmienić kolor każdego stanu. Trudność polega na tym, że przeglądarki IE nie obsługują SVG, więc aby móc …
111 php  svg  imagemagick  jpeg  gd2 

13
Jak wyświetlić plik SVG w React Native?
Chcę pokazać pliki SVG (mam kilka obrazów SVG), ale coś, czego nie mogłem znaleźć sposobu na pokazanie. Próbowałem użyć komponentów Image i Use z React-native-svg, ale nie działają z tym. Próbowałem to zrobić w natywny sposób, ale pokazanie tylko obrazu svg jest naprawdę ciężką pracą. Przykładowy kod: import Svg, { …

1
SVG zmienia kolor po obróceniu w przeglądarce Safari 10
Właśnie napotkałem bardzo dziwny problem, który pojawia się tylko w Safari 10. Mam karty do gry, obrazy svg, które czasami są obracane za pomocą transform:rotate(xdeg). Karta, której używam, ma czerwony wzór klocków. Gdy nie jest obrócony lub obrócony pod kątem prostym tj. 90, 180, 270 to wygląda normalnie. Ale pod …
109 html  css  svg  safari 

7
Automatyczne zawijanie wierszy w tekście SVG
Chciałbym wyświetlić &lt;text&gt;w SVG, co spowoduje automatyczne zawijanie linii do kontenera w &lt;rect&gt;taki sam sposób, jak tekst HTML wypełnia &lt;div&gt;elementy. Czy jest na to sposób? Nie chcę umieszczać linii sporadycznie za pomocą &lt;tspan&gt;s.
108 xml  text  svg  word-wrap 

6
Jak złamać linię tekstu SVG w javascript?
Oto co mam: &lt;path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/&gt; &lt;rect class="tooltip_bg" id="tooltip_bg" ... /&gt; &lt;text class="tooltip" id="tooltip" ...&gt;Tooltip&lt;/text&gt; &lt;script&gt; &lt;![CDATA[ function show_tooltip(e,text) { var tt = document.getElementById('tooltip'); var bg = document.getElementById('tooltip_bg'); // set position ... tt.textContent=text; bg.setAttribute('width',tt.getBBox().width+10); bg.setAttribute('height',tt.getBBox().height+6); // set visibility ... } …

3
Jak zastosować styl do osadzonego SVG?
Gdy plik SVG jest bezpośrednio zawarty w dokumencie za pomocą &lt;svg&gt;znacznika, możesz zastosować style CSS do pliku SVG za pośrednictwem arkusza stylów dokumentu. Jednak próbuję zastosować styl do pliku SVG, który jest osadzony (za pomocą &lt;object&gt;tagu). Czy można użyć czegoś takiego jak poniższy kod? object svg { fill: #fff; }
107 html  css  svg 

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.