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...
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"
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...
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"...
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ę...
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"/>'); });...
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 jest...
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>...
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ą...
Wiem, że obraz można umieścić w MD ze składnią MD albo lub , 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...
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ś...
Czy można ustawić background-imagedla <path>elementu SVG ? Na przykład, jeśli ustawię element class="wall", styl CSS .wall {fill: red;}działa, ale .wall{background-image: url(wall.jpg)}też nie .wall {background-color:
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...
Czy ktoś wie, jak można to zrobić? Czy użyłbyś obiektu płótna, svg, jQuery
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ę 100 na...
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)"...
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" />...
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
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...
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>...