Значки SVG и PNG на современных веб-сайтах

Мне интересно, почему так мало современных веб-сайтов по-прежнему используют только PNGs для значков (но это предположение просто основано на моем наблюдении). До сих пор я знаю, что основными причинами использования PNGs над SVGs являются IE8 и что SVG использует больше мощности процессора (но я не считаю, ч...

поворот текста оси x в d3

Я новичок в кодировании d3 и svg и ищу способ поворота текста на оси диаграммы. Моя проблема заключается в том, что обычно заголовки xAxis длиннее, чем бары в гистограмме широки. Поэтому я ищу, чтобы повернуть текст, чтобы работать вертикально (а не горизонтально) под xAxis. Я пробовал добавить атрибут tran...

Как включить новые строки в метки на диаграммах D3?

Я использую D3 для создания гистограммы (я адаптировал код из ). Метки, которые я использую на x-axis-это несколько слов длиной каждый, и поскольку это делает все метки перекрывающимися, мне нужно разбить эти метки по линиям. (Будет хорошо, если я смогу заменить все пробелы в каждой метке новыми строками.) Я...

положение фонового изображения svg всегда центрируется в internet explorer, Несмотря на фоновое положение: левый центр;

Я использую логотип SVG в качестве фонового изображения, и я не могу правильно выровнять его слева в Internet Explorer (edit: и Safari). контейнеры выглядят так: <div id="header"> <div id="logo"></div> </div> со стилями: #header{ width: 100%; max-width: 1200px; he...

Добавление элемента SVG к существующему SVG с помощью DOM

у меня есть HTML-конструкция, которая напоминает следующий код: <div id='intro'> <svg> //draw some svg elements <svg> </div> Я хочу иметь возможность добавлять некоторые элементы в SVG, определенные выше, используя javascript и DOM. Как бы мне это сделать? Я думал о var svg1=docume...

Заполняя водная анимация

Я пытаюсь получить стереть анимацию, чтобы сделать круг похожим он наполняется водой. Я столкнулся с двумя ошибками, и даже не смог справиться с третьей: он заполняет неправильный путь он сбрасывается на пустой (черный) после того, как он заполнил* сейчас я использую <img> теги, но я хотел бы перенес...

Преобразование SVG в прозрачный PNG с сглаживанием, используя ImageMagick

Я хочу конвертировать SVG-изображения в PNG-файлы с прозрачным фоном и сглаженными краями (используя полупрозрачные пиксели). К сожалению, я не могу заставить ImageMagick сделать сглаживание, края всегда выглядят ужасно. Вот что я попробовал: convert +antialias -background transparent in.svg -resize 25x25 o...

Как визуализировать элементы svg с четкими краями, сохраняя при этом сглаживание?

есть ли способ визуализации элементов svg с четкими краями, сохраняя при этом сглаживание? Я создаю веб-инструмент, который работает в современных браузерах. играет с shape-rendering атрибут не дает мне результатов, которые я ищу. Я хочу, чтобы мои элементы были хорошими сглаживание так, чтобы пути выгляде...

Масштабирование SVG в контейнер без маски / обрезки

Я пробовал много вариантов svg параметры, но не было никакой радости в масштабировании этого конкретного SVG. Я пытаюсь сдержать это SVG в элемент контейнера, который управляет размером SVG. Я стремлюсь к 500x309px. какая комбинация width,height,viewBox и preserveAspectRatio может помочь мне достичь этого ...

D3 добавление текста в прямоугольник SVG

Я ищу, чтобы добавить html на прямоугольник в D3, чтобы дать мне несколько строк всплывающей подсказки. Нижняя часть, как я добавляю прямоугольник, который может быть частью проблемы. Топ-это код, который должен работать в моем мире. newRect.().html(" <textArea font-family=Verdana font-size=20 fill=blu...