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.

1
Właściwy typ MIME dla obrazów SVG z osadzonymi czcionkami
To jest zwykły typ MIME SVG: image/svg+xml I działa świetnie. Jednak podczas osadzania czcionki SVG chrome informuje, że typ MIME jest nieprawidłowy, oczywiście dlatego, że zamiast obrazu zwracasz czcionkę. Czy istnieje uniwersalny typ mime? chrom jest źle? jest application/svg+xmljakoś akceptowane? Wydaje mi się, że jest to nadal szara strefa w …
7
Najłatwiejszy sposób korzystania z SVG w systemie Android?
Znalazłem niezliczone biblioteki, aby używać SVG w Androidzie i uniknąć frustrującego tworzenia różnych rozdzielczości i upuszczania plików dla każdej rozdzielczości, staje się to bardzo denerwujące, gdy aplikacja ma wiele ikon lub obrazów. Czy ktokolwiek może być tak miły, aby przedstawić krok po kroku proces najprostszej w użyciu biblioteki do korzystania …
165 android  svg  androidsvg 
8
Zmieniasz rozmiar SVG w html?
Mam więc plik SVG w formacie HTML i jedną z rzeczy, które słyszałem o tym formacie, jest to, że nie jest on rozpikselowany w całości po powiększeniu. Wiem, że z jpeg lub czymkolwiek innym, co mógłbym zapisać jako ikonę 50 na 50, a następnie wyświetlam go jako (raczej pikselowaną) miniaturę …
156 html  svg 
26
Usuwanie przekształceń w plikach SVG
Od jakiegoś czasu zmagam się z tym i nie mogę znaleźć odpowiedzi (która działa) nigdzie. Mam plik SVG, który wygląda tak: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... z" ... …
155 svg  transform  inkscape 
13
Jak używać indeksu Z w elementach SVG?
Używam kręgów SVG w moim projekcie w ten sposób, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Używam indeksu Z w gtagu, aby pokazać elementy jako pierwsze. W moim projekcie muszę …
5
Czy SVG obsługuje osadzanie obrazów bitmapowych?
Czy obraz SVG jest czysto wektorowy, czy też możemy połączyć obrazy bitmapowe w obraz SVG? A co z transformacjami zastosowanymi w obrazach bitmapowych (perspektywa, odwzorowania itp.)? Edycja : obrazy mogą być dołączane do pliku SVG poprzez odnośnik do linku. Zobacz http://www.w3.org/TR/SVG/struct.html#ImageElement . Moje pytanie dotyczyło w istocie tego, czy obrazy …
147 image  svg  bitmapimage 
12
Rysowanie okręgu ze ścieżką łuku SVG
Krótkie pytanie: używając ścieżki SVG możemy narysować 99,99% okręgu i to się pojawia, ale gdy jest to 99,999999999% okręgu, to koło się nie pojawi. Jak to naprawić? Następująca ścieżka SVG może narysować 99,99% okręgu: (wypróbuj na http://jsfiddle.net/DFhUF/1381/ i zobacz, czy widzisz 4 łuki, czy tylko 2 łuki, ale zwróć uwagę, …
11
uczyń obiekt svg html również klikalnym linkiem
Mam obiekt SVG na mojej stronie HTML i zawijam go w kotwicę, więc po kliknięciu obrazu svg użytkownik przenosi się do łącza kotwicy. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Kiedy używam tego bloku kodu, kliknięcie obiektu svg nie przenosi mnie do Google. W …
143 html  object  svg  anchor 
5
wyrównanie w pionie elementu tekstowego w SVG
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ę jakoś wyrównać górę ai b. Właściwie chcę, aby moje pozycjonowanie było zgodne rooflinez baseline!
6
Domyślny kolor tła elementu głównego SVG
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: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , więc jest usuwana podczas procesu czyszczenia za pomocą SVG Odkurzacz. Czy istnieje inny sposób zadeklarowania …
142 svg 
8
Dodaj niestandardowe ikony do niesamowitej czcionki
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 />elementów: ... <glyph unicode="" horiz-adv-x="1536" d="M0 80v477q0 51 24.5 61.5t59.5 -24.5l162 …
6
Osadzanie SVG w ReactJS
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 nie XML. Jaki jest najlżejszy sposób na zrobienie tego. Używanie czegoś takiego jak React ART jest …
132 javascript  svg  reactjs 
5
Rysowanie pliku SVG na kanwie HTML5
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ść przekonwertowania SVG do poleceń kanwy (jak w tym …
131 html  canvas  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.