Вопросы с тегом «svg»

Должен ли я использовать <img>, <object>или <embed>для загрузки файлов SVG на страницу таким образом , похоже на выгрузку jpg, gifили png? Какой код для каждого, чтобы он работал как можно лучше? (Я вижу ссылки на включение mimetype или указание на запасные рендеры SVG в моих исследованиях и не вижу хорошего …

603 html  svg  vector-graphics 

Когда следует использовать определенные типы файлов изображений при создании веб-сайтов или интерфейсов и т. Д.? Каковы их сильные и слабые стороны? Я знаю, что PNG & GIF без потерь, а JPEG с потерями. Но в чем главное отличие PNG и GIF? Почему я должен предпочесть одно другому? Что такое SVG …

575 image  svg  png  jpeg  gif 

Каков наилучший подход для создания элементов на лету и возможности их перемещения? Например, допустим, я хочу создать прямоугольник, круг и многоугольник, а затем выбрать эти объекты и переместить их. Я понимаю, что HTML5 предоставляет три элемента, которые могут сделать это возможным: svg , canvas и div . Для чего я …

476 javascript  html  svg  html5-canvas 

На этот вопрос есть ответы на Stack Overflow на русском Это самостоятельные вопросы и ответы о полезном куске кода, который я придумал. В настоящее время нет простого способа внедрить изображение SVG, а затем получить доступ к элементам SVG через CSS. Существуют различные способы использования каркасов JS SVG, но они слишком …

437 jquery  css  svg 

Можно ли установить прозрачность или альфа-уровень на цветах заливки SVG? Я попытался добавить два значения в тег заполнения (изменив его с fill="#044B94"на fill="#044B9466"), но это не работает.

417 colors  svg  transparency  alpha  fill 

У меня есть файл SVG, который имеет определенный размер 16x16. Когда я использую программу преобразования ImageMagick для преобразования ее в PNG, я получаю PNG размером 16x16 пикселей, который слишком мал: convert test.svg test.png Мне нужно указать размер пикселя выходного PNG. -sizeПараметр, кажется, игнорируется, -scaleпараметр масштабирует PNG после его преобразования в …

389 svg  imagemagick  png 

Можно ли установить тень для элемента SVG с помощью CSS3, что-то вроде box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я видел некоторые замечания по созданию тени с использованием эффектов фильтра. Есть ли пример использования только CSS? Ниже приведен рабочий код, в котором стиль Cusor применяется правильно, но …

379 html  css  svg  svg-filters 

IPad Mini от Apple - меньший клон iPad 2 во многих отношениях, чем хотелось бы. В JavaScript window.navigatorобъект предоставляет одинаковые значения для Mini и iPad 2. Мои тесты, которые пока не выявили разницу, не привели к успеху. Почему это важно? Поскольку экраны iPad Mini и iPad 2 идентичны по пикселям, …

376 javascript  html  ipad  svg 

HTML <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Приведенный выше svg загружается и изначально, fill: #fffно когда я использую приведенное выше, cssчтобы попытаться изменить его на черный, он не меняется, я впервые играю с SVG, и я не уверен, почему он не работает.

375 css  image  svg 

Я хочу использовать эту технику http://css-tricks.com/svg-fallbacks/ и изменить цвет SVG, но до сих пор я не смог этого сделать. Я положил это в CSS, но мое изображение всегда черное, несмотря ни на что. Мой код: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Выполнить …

352 css  svg 

Я хочу конвертировать SVG в растровые изображения (например, JPEG, PNG и т. Д.) Через JavaScript.

300 javascript  svg 

Я использую jQuery SVG. Я не могу добавить или удалить класс для объекта. Кто-нибудь знает мою ошибку? SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> JQuery, который не добавляет класс: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Я знаю, что SVG и jQuery прекрасно работают вместе, потому что я могу целиться в …

289 javascript  jquery  css  svg  jquery-svg 

Можно ли использовать встроенное определение SVG в CSS? Я имею в виду что-то вроде: .my-class { background-image: <svg>...</svg>; }

285 css  svg 

Помещая вывод SVG прямо в линию с кодом страницы, я могу просто изменить цвета заливки с помощью CSS следующим образом: polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } Это прекрасно работает, однако я ищу способ изменить атрибут "fill" SVG, когда он используется как BACKGROUND-IMAGE. html { background-image: url(../img/bg.svg); …

270 html  css  svg 

Закрыто . Этот вопрос должен быть более сфокусированным . В настоящее время он не принимает ответы. Закрыто 4 года назад . Locked . Этот вопрос и его ответы заблокированы, потому что вопрос не по теме, но имеет историческое значение. В настоящее время он не принимает новые ответы или взаимодействия. Как …

266 svg  png