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.
Powinno się używać <img>, <object>lub <embed>do wczytywania plików SVG do strony w sposób podobny do załadowania jpg, gifalbo png? Jaki jest kod dla każdego, aby upewnić się, że działa tak dobrze, jak to możliwe? (Widzę odniesienia do włączenia typu mimetycznego lub wskazujące na...
Kiedy należy tworzyć określone typy plików obrazów podczas tworzenia stron internetowych lub interfejsów itp.? Jakie są ich mocne i słabe strony? Wiem, że PNG i GIF są bezstratne, podczas gdy JPEG jest stratne. Ale jaka jest główna różnica między PNG a GIF? Dlaczego powinienem preferować jeden...
Jakie jest najlepsze podejście do tworzenia elementów w locie i możliwości ich przenoszenia? Załóżmy na przykład, że chcę utworzyć prostokąt, okrąg i wielokąt, a następnie wybrać te obiekty i przesunąć je. Rozumiem, że HTML5 zapewnia trzy elementy, które mogą to umożliwić: svg , canvas i div . Co...
Przekazywanie informacji o stosie w przepełnieniu stosu w usłudze Stack Overflow To jest samo pytanie i przydatny fragment kodu, który wymyśliłem. Obecnie nie ma łatwego sposobu na osadzenie obrazu SVG, a następnie dostęp do elementów SVG przez CSS. Istnieją różne metody...
Czy można ustawić poziom przezroczystości lub alfa dla kolorów wypełnienia SVG? Próbowałem dodać dwie wartości do tagu fill (zmieniając go z fill="#044B94"na fill="#044B9466"), ale to nie
Mam plik SVG o zdefiniowanym rozmiarze 16 x 16. Kiedy używam programu do konwersji ImageMagick do konwersji na format PNG, otrzymuję obraz PNG 16 x 16 pikseli, który jest zdecydowanie za mały: convert test.svg test.png Muszę określić rozmiar piksela wyjściowego PNG. -sizeparametr wydaje się być...
Czy można ustawić cień dla elementu svg za pomocą css3, coś w rodzaju box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Widziałem kilka uwag na temat tworzenia cienia za pomocą efektów filtrów. Czy istnieje przykład użycia samego css. Poniżej znajduje się działający kod, w...
IPad Apple Mini to mniejszy klon iPada 2 na więcej sposobów, niż byśmy chcieli. W JavaScript window.navigatorobiekt wyświetla te same wartości dla Mini i iPada 2. Moje dotychczasowe testy w celu wykrycia różnicy nie doprowadziły do sukcesu. Dlaczego to jest ważne? Ponieważ ekrany iPada Mini i...
HTML <img src="logo.svg" alt="Logo" class="logo-img"> css .logo-img path { fill: #000; } Powyższe svg ładuje się i jest natywnie, fill: #fffale kiedy użyję powyższego, cssaby spróbować zmienić go na czarny, nie zmienia się, to jest moja pierwsza gra z SVG i nie jestem pewien, dlaczego to...
Chcę użyć tej techniki http://css-tricks.com/svg-fallbacks/ i zmienić kolor svg, ale jak dotąd nie byłem w stanie tego zrobić. Umieszczam to w css, ale mój obraz jest zawsze czarny, bez względu na wszystko. Mój kod: .change-my-color { fill: green; } <svg> <image...
Chcę przekonwertować SVG na obrazy bitmapowe (takie jak JPEG, PNG itp.) Za pomocą
Korzystam z jQuery SVG. Nie mogę dodać ani usunąć klasy do obiektu. Czy ktoś zna mój błąd? SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> JQuery, która nie doda klasy: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Wiem, że jQuery SVG i...
Czy w CSS można używać wbudowanej definicji SVG? Mam na myśli coś takiego: .my-class { background-image:
Umieszczając wynik SVG bezpośrednio w linii z kodem strony, jestem w stanie po prostu modyfikować kolory wypełnienia za pomocą CSS: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Działa to świetnie, jednak szukam sposobu na modyfikację atrybutu „fill” SVG, gdy jest on...
Zamknięte . To pytanie musi być bardziej skoncentrowane . Obecnie nie przyjmuje odpowiedzi. Zamknięte 4 lata temu . Zablokowana . To pytanie i odpowiedzi są zablokowane, ponieważ pytanie jest nie na temat, ale ma znaczenie historyczne. Obecnie nie akceptuje...
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...
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
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...
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ć...
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;...