Запитання з тегом «svg»

Повинен чи я використовувати <img>, <object>або <embed>для завантаження файлів SVG на сторінку таким чином , схоже на вивантаження jpg, gifабо png? Який код для кожного, щоб забезпечити його максимальну ефективність? (Я бачу посилання на включення міметипу або вказівку на резервні 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"), але це не працює.

416 colors  svg  transparency  alpha  fill 

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

388 svg  imagemagick  png 

Чи можна встановити тінь для виведення елемента SVG за допомогою css3, щось подібне box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Я побачив деякі зауваження щодо створення тіні за допомогою ефектів фільтра. Чи є приклад використання css поодинці. Нижче представлений робочий код, де правильно застосовано стиль кусору, але …

379 html  css  svg  svg-filters 

Apple iPad Mini - це менший клон 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, і я не впевнений, чому це не працює.

373 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> Виконати фрагмент кодуHide resultsРозгорніть …

349 css  svg 

Я хочу перетворити SVG у растрові зображення (наприклад, JPEG, PNG тощо) через JavaScript.

299 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>; }

284 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 роки тому . Заблокований . Це запитання та його відповіді заблоковано, оскільки це питання поза темою, але має історичне значення. Наразі він не приймає нових відповідей чи взаємодій. Як перетворити зображення PNG у SVG?

266 svg  png