svg pg. 4

Jak zrobić wykres układu sił w D3.js reaguje na rozmiar ekranu/przeglądarki

Mam Wykres wykorzystujący układ sił, ale ma on stałą szerokość w i wysokość h: var svg = d3.select("#viz").append("svg") ... ma coś do zrób to. Proszę rzucić trochę światła na używanie atrybutów viewBox i preserveAspectRatio z wykresami układu sił.

Jak skalować obraz SVG, aby wypełnić okno przeglądarki?

Wygląda na to, że powinno być łatwo, ale czegoś nie rozumiem. Chcę stworzyć stronę HTML zawierającą pojedynczy obraz SVG, kt ... glądarki (dla szerokiego, ale krótkiego okna) i generowanie pionowego przewijania, co nie jest tym, czego chcę. Co mi umyka?

xhtml layout aspect-ratio svg scaling

Github contributions graph [zamknięty]

Jest wspaniały Wykres składek, które github.com przyszedł. Czy ktoś wie czy korzysta z jakiejś biblioteki lub klejnotu? Jeśli jest to open source, chciałbym z niego korzystać również w moim projekcie. Wygląda świetnie!

javascript github ruby-on-rails svg

Jak stylizować SVG z zewnętrznym CSS?

Mam kilka grafik SVG, które chciałbym zmodyfikować za pomocą zewnętrznych arkuszy stylów - nie bezpośrednio w każdym pliku SV ... arkusza stylów, ale nie mogę stracić możliwości podpowiedzi i łącza. (Może jednak będę w stanie żyć bez podpowiedzi. Dzięki!

html external css svg stylesheet

Jak wykryć obsługę VML lub SVG w przeglądarce

Piszę trochę javascript i muszę wybrać pomiędzy SVG lub VML (albo oba, albo coś innego, to dziwny świat). Chociaż wiem, że na ... e renderowanie w VML bez błędu - po prostu nic się nie dzieje na ekranie. To dość trudne do wykrycia tej sytuacji ze skryptu.

javascript browser-detection internet-explorer svg vml

Renderowanie SVG za pomocą OpenGL (i OpenGL ES)

Obecnie badam możliwość renderowania grafiki wektorowej z pliku SVG przy użyciu OpenGL i OpenGL ES. Mam zamiar kierować Windo ... ę, lub blisko tego, co chcę? Jeśli nie, czy jest dobry powód, dlaczego nie? Czy lepiej byłoby spróbować zrobić to od podstaw?

android svg opengl-es vector-graphics opengl

Obrócić stronę za pomocą kodu?

Mam nadzieję, że istnieje stosunkowo prosty sposób, aby obrócić stronę internetową trochę, 30 stopni lub tak, pozostawiając j ... adziałają? Czy Jest jakiś sposób na użycie CSS, Javascript lub innej metody cross browser, która pozwoliłaby mi to osiągnąć?

javascript css svg css-transforms

Pozycja myszy wewnątrz AUTOSCALED SVG

Mam problemy z umieszczeniem kursora myszy w dokumencie SVG. Chciałbym zaprojektować potencjometr, który będzie podążał za ku ... Math.PI) + 90; Z (xc; yc) jako środkiem obrotu i zamianą wszystkich evt.screenX / Y według współrzędnych myszy w moim SVG.

javascript svg

Osadzanie SVG w ReactJS

Czy możliwe jest osadzenie znaczników SVG w komponencie ReactJS? render: function() { return ( <span> < ... t XML. Jaki jest najlżejszy sposób na to. Używanie czegoś takiego jak react ART jest przesadą dla tego, co próbuję zrobić.

javascript reactjs svg

Tworzenie projektu pioruna (jak Flash)

Próbuję odtworzyć symbol błyskawicy z Flasha (DC Comics) (lub koszulki noszonej przez Sheldona Coopera Big Bang Theory) W C ... byłem w stanie naucz się tego ze względu na ograniczenia czasowe, więc wolałbym użyć "tego, co wiem, jak używać", czyli CSS)

html css css3 css-shapes svg

Jak wyśrodkować plik SVG w div?

Mam SVG, który próbuję wyśrodkować w div. Div ma szerokość lub 900px. SVG ma szerokość 400px. Format SVG ma margin-left I mar ... ht ustawione na auto. Nie działa, po prostu zachowuje się tak, jakby lewy margines wynosił 0 (domyślnie). Ktoś zna mój błąd?

css margin layout svg positioning

Dostępność: zalecana konwencja alt-text dla SVG i MathML?

Przegląd HTML5 teraz pozwala <svg> i <math> znaczniki z dokumentem HTML bez zależności od zewnętrznych przest ... alternatywny tekst na tych nowych elementach HTML. Może jest spec W3C, który przeoczyłem? A może jeszcze za wcześnie na grę?

html5 svg accessibility mathml alt-attribute

Etykieta poza łukiem (Wykres kołowy) d3.js

Jestem nowy w d3.JS i ja próbujemy z nim zrobić Wykres kołowy. Mam tylko jeden problem: nie mogę wyjąć etykiet poza moje łuki ... on(d) { return "translate(" + arc.centroid(d) + ")"; }) .attr("text-anchor", "middle") Kto mi w tym pomoże?

javascript svg d3.js label pie-chart

D3js Tree square

Chciałbym użyć d3.js do budowy drzewa rodowodowego. Wszystkie exemple, które znalazłem, to organiczne drzewa. Czy są jakieś exemple o stylu rodowodowym?

javascript tree svg d3.js

Jak dodać podpowiedź do grafiki svg?

Mam serię prostokątów svg (używając D3.js) i chcę wyświetlić wiadomość na mouseover, wiadomość powinna być otoczona ramką, kt ... ać tekst i padding bezpośrednio, ale nie wiem, jak uzyskać współrzędne bezwzględne dla każdego prostokąta. Jest na to sposób?

javascript tooltip svg d3.js

Jak przekonwertować tekst na ścieżki SVG?

Mam czcionkę w pliku ttf i chcę wygenerować SVG z tekstem zamienionym w ścieżki. Nie potrzebuję obrazu (więc użycie imagettft ... wanej czcionce i nie chcę odwoływać się do niej w pliku SVG (więc nie można tutaj użyć deklaracji font-face). Czy to możliwe?

php text svg true-type-fonts

Tworzenie czcionek ikon za pomocą oprogramowania wektorowego (np. inkscape) i fontforge?

Poprzez uzyskanie kilku odpowiedzi tutaj i trochę badań, natknąłem się na nowe podejście do wdrażania ikon. Zamiast jako obra ... zacząć się uczyć(jeśli jest lepsze darmowe oprogramowanie do tworzenia czcionek, daj mi znać). Mam nadzieję, że to się uda.

fonts svg true-type-fonts inkscape fontforge

svg