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.

6
SVG pobiera szerokość elementu tekstowego
Pracuję nad pewnym ECMAScript / JavaScript do pliku SVG i trzeba dostać widthi heightz textelementu więc mogę zmienić rozmiar prostokąta, który go otacza. W HTML mógłbym użyć atrybutów offsetWidthi offsetHeightna elemencie, ale wygląda na to, że te właściwości są niedostępne. Oto fragment, nad którym muszę popracować. Muszę zmienić szerokość prostokąta …
106 javascript  dom  text  svg 
2
Jaka jest różnica między atrybutem x i dx svg?
Jaka jest różnica między atrybutem x i dx svg (lub y i dy)? Kiedy byłby właściwy moment na użycie atrybutu przesunięcia osi (dx) w porównaniu z atrybutem lokalizacji (x)? Na przykład zauważyłem, że wiele przykładów d3 robi coś takiego chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") …
106 svg  d3.js 
6
Jak ustawić pochodzenie transformacji w SVG
Muszę zmienić rozmiar i obrócić niektóre elementy w dokumencie SVG za pomocą javascript. Problem polega na tym, że domyślnie zawsze stosuje transformację wokół początku w (0, 0)lewym górnym rogu. Jak mogę ponownie zdefiniować ten punkt zakotwiczenia transformacji? Próbowałem użyć transform-originatrybutu, ale na nic to nie wpływa. Oto jak to zrobiłem: …
1
Naprawiono szerokość obrysu w SVG
Chciałbym móc ustawić szerokość obrysu w elemencie SVG tak, aby była „uwzględniająca piksele”, czyli zawsze miała szerokość 1 piksela, niezależnie od aktualnie zastosowanych przekształceń skalowania. Zdaję sobie sprawę, że może to być niemożliwe, ponieważ celem SVG jest niezależność od pikseli. Kontekst jest następujący: Mam element SVG z ustawionymi atrybutami viewBox …
104 svg  visualization 
6
Gradient SVG przy użyciu CSS
Próbuję uzyskać gradient zastosowany do rectelementu SVG . Obecnie używam fillatrybutu. W moim pliku CSS: rect { cursor: pointer; shape-rendering: crispEdges; fill: #a71a2e; } A rectelement ma prawidłowy kolor wypełnienia podczas przeglądania w przeglądarce. Chciałbym jednak wiedzieć, czy mogę zastosować gradient liniowy do tego elementu?
14
Jak stylizować SVG za pomocą zewnętrznego CSS?
Mam kilka grafik SVG, które chciałbym zmodyfikować za pomocą moich zewnętrznych arkuszy stylów - nie bezpośrednio w każdym pliku SVG. Nie umieszczam grafik w jednej linii, ale przechowuję je w folderze z obrazami i wskazuję na nie. Zaimplementowałem je w ten sposób, aby umożliwić działanie podpowiedzi, a także zawinąłem każdą …
102 html  css  svg  stylesheet  external 
6
Konwersja SVG do PNG przy użyciu C # [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 6 lat temu . Popraw to pytanie Próbowałem przekonwertować obrazy SVG na PNG przy użyciu C # bez konieczności pisania zbyt dużej ilości …
102 c#  .net  png  svg 
6
Osadzić SVG w SVG?
Mam dokument SVG i chciałbym dołączyć do niego zewnętrzny obraz svg, czyli coś takiego: <object data="logo.svgz" width="100" height="100" x="200" y="400"/> („obiekt” to tylko przykład - zewnętrzny dokument będzie SVG zamiast xhtml). Jakieś pomysły? Czy to w ogóle możliwe? A może najlepiej byłoby po prostu włożyć plik xml logo.svg do mojego …
100 xml  svg  embedding 
22
Chrome nie renderuje SVG, do którego odwołuje się tag <img>
Mam problemy z Google Chrome, które nie renderuje pliku SVG z tagiem img. Dzieje się tak podczas odświeżania strony i początkowego ładowania strony. Mogę wyświetlić obraz, klikając „Inspecting Element”, a następnie klikając prawym przyciskiem myszy plik svg i otwierając plik svg w nowej karcie. Obraz svg zostanie następnie wyrenderowany na …
100 google-chrome  svg 
1
Jak przeskalować obraz SVG, aby wypełnił okno przeglądarki?
Wydaje się, że powinno to być łatwe, ale po prostu czegoś nie rozumiem. Chcę utworzyć stronę HTML zawierającą pojedynczy obraz SVG, który jest automatycznie skalowany w celu dopasowania do okna przeglądarki, bez przewijania i przy zachowaniu współczynnika proporcji. Na przykład w tej chwili mam obraz SVG 1024x768; jeśli rzutnia przeglądarki …
7
Jak pozbyć się dodatkowego miejsca pod svg w elemencie div
Oto ilustracja problemu (przetestowana w przeglądarkach Firefox i Chrome): &lt;div style="background-color: red;"&gt;&lt;svg height="100px" width="100" style="background-color: blue;"&gt;&lt;/svg&gt;&lt;/div&gt; Uruchom fragment koduHide resultsRozwiń fragment Zobacz na JSFiddle Zwróć uwagę na dodatkową redprzestrzeń wewnątrz divniebieskiego poniżej svg. Próbowałem już ustawić paddingi marginobu elementów 0, ale bez powodzenia.
93 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.