Powiedzmy, że mam plik SVG: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Chcę...
Chciałbym ustawić domyślny kolor tła dla całego dokumentu SVG, na przykład czerwony. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Powyższe rozwiązanie działa, ale właściwość background atrybutu style nie jest niestety standardowa:...
Uwielbiam czcionkę Font Awesome i chcę jej używać do większości ikon w mojej witrynie, ale jest kilka niestandardowych ikon SVG, których potrzebowałbym oprócz tego, co jest oferowane. Zauważyłem, że wersja Font Awesome .svg składa się głównie z następujących <glyph...
Czy jest możliwe osadzenie znaczników SVG w komponencie ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Skutkuje błędem: Atrybuty przestrzeni nazw nie są obsługiwane. ReactJSX to...
Czy istnieje domyślny sposób rysowania pliku SVG na kanwie HTML5? Google Chrome obsługuje ładowanie SVG jako obrazu (i po prostu używanie drawImage), ale konsola programisty ostrzega o tym resource interpreted as image but transferred with MIME type image/svg+xml. Wiem, że istnieje możliwość...
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...
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ę...
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...
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,...
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?...
Mam kilka plików SVG, które określają, widtha heighttakże viewboxtak: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... ale jak wyświetlić je w przeglądarce w wybranym przeze mnie rozmiarze? Chcę, żeby były mniejsze i próbowałem: <object width="400"...
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...
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: <xsl:copy-of copy-namespaces="yes" select="document(@href)"/> Nie copy-namespacespowinno być konieczne,...
Celem jest <svg>rozwinięcie elementu do rozmiaru jego kontenera nadrzędnego, w tym przypadku a <div>, bez względu na to, jak duży lub mały może być ten kontener. Kod: <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg...
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ą...
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...
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...
Chciałbym wyświetlić <text>w SVG, co spowoduje automatyczne zawijanie linii do kontenera w <rect>taki sam sposób, jak tekst HTML wypełnia <div>elementy. Czy jest na to sposób? Nie chcę umieszczać linii sporadycznie za pomocą
Oto co mam: <path class="..." onmousemove="show_tooltip(event,'very long text \\\n I would like to linebreak')" onmouseout="hide_tooltip()" d="..."/> <rect class="tooltip_bg" id="tooltip_bg" ... /> <text class="tooltip" id="tooltip"
Gdy plik SVG jest bezpośrednio zawarty w dokumencie za pomocą <svg>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ą <object>tagu). Czy można użyć czegoś takiego jak...