php конвертировать svg в jpg

Convert SVG image to PNG with PHP

I’m working on a web project that involves a dynamically generated map of the US coloring different states based on a set of data.

This SVG file gives me a good blank map of the US and is very easy to change the color of each state. The difficulty is that IE browsers don’t support SVG so in order for me to use the handy syntax the svg offers, I’ll need to convert it to a JPG.

Ideally, I’d like to do this with only the GD2 library but could also use ImageMagick. I have absolutely no clue how to do this.

Any solution that would allow me to dynamically change the colors of states on a map of the US will be considered. The key is that it is easy to change the colors on the fly and that it is cross browser. PHP/Apache solutions only, please.

8 Answers 8

That’s funny you asked this, I just did this recently for my work’s site and I was thinking I should write a tutorial. Here is how to do it with PHP/Imagick, which uses ImageMagick:

the steps regex color replacement may vary depending on the svg path xml and how you id & color values are stored. If you don’t want to store a file on the server, you can output the image as base 64 like

(before you use clear/destroy) but ie has issues with PNG as base64 so you’d probably have to output base64 as jpeg

you can see an example here I did for a former employer’s sales territory map:

Finish:

Since writing the above, I’ve come up with 2 improved techniques:

and then you can do a single text replace to inject your css rules into the svg before proceeding with the imagick jpeg/png creation. If the colors don’t change, check to make sure you don’t have any inline fill styles in your path tags overriding the css.

2) If you don’t have to actually create a jpeg/png image file (and don’t need to support outdated browsers), you can manipulate the svg directly with jQuery. You can’t access the svg paths when embedding the svg using img or object tags, so you’ll have to directly include the svg xml in your webpage html like:

Источник

Из SVG в JPG

Выберите один или несколько файлов на компьютере

Сервис позволяет произвести преобразование (конвертировать) из формата SVG в формат JPG

SVG – это один из форматов двухмерных векторных графических файлов, которые создаются на базе документов в формате XML. Разработчиком является компания Adobe Systems, а название формата представляет собой аббревиатуру от Scalable Vector Graphics File. В формате SVG могут быть созданы не только двухмерные векторные изображения, но и смешанные векторно-растровые изображения. При этом SVG файлы относятся к текстовым, а потому их можно открывать в большинстве популярных текстовых редакторов. Это расширение в состоянии поддерживать и статичные, и анимированные виды графики. При этом при работе с такими файлами редактирование происходит без потери качества.

JPEG – это наиболее распространенный и популярный формат растрового изображения. Свое название форма получил по аббревиатуре от названия организации-разработчика Joint Photographic Experts Group. Файлы такого формата используются сегодня во всех цифровых фотоаппаратах и камерах. Они имеют хорошую степень сжатия и поддерживают глубину цвета в 24 бит. Поскольку такое сжатие существенно уменьшают размер изображения практически без потери качества, формат JPEG широко распространен в Интернете. Однако чем сильнее сжатие, тем хуже качество. К тому же формат JPEG не поддерживает опцию прозрачности.

Источник

Преобразование SVG изображения в PNG с помощью PHP

Я работаю над веб-проектом, который включает динамически генерируемую карту США, раскрашивающую различные штаты на основе набора данных.

Этот файл SVG дает мне хорошую пустую карту США и очень легко изменить цвет каждого штата. Сложность заключается в том, что браузеры IE не поддерживают SVG, поэтому для того, чтобы я мог использовать удобный синтаксис svg, мне нужно преобразовать его в JPG.

В идеале я хотел бы сделать это только с библиотекой GD2, но также мог бы использовать ImageMagick. Я понятия не имею, как это сделать.

Будет рассмотрено любое решение, которое позволило бы мне динамически изменять цвета Штатов на карте США. Ключ в том, что это легко изменить цвета на лету и что это кросс-браузер. Только PHP / Apache решения, пожалуйста.

10 ответов:

Забавно, что вы спросили об этом, я только недавно сделал это для сайта моей работы, и я думал, что должен написать учебник. Вот как это сделать с PHP / Imagick, который использует ImageMagick:

Шаги замены цвета регулярных выражений могут варьироваться в зависимости от XML-пути svg и способа хранения значений идентификатора и цвета. Если вы не хотите хранить файл на сервере, вы можете вывести изображение в виде базы 64, например

(Перед использованием clear / destroy) но ie имеет проблемы с PNG как base64, так что вам, вероятно, придется вывести base64 как jpeg

Здесь вы можете увидеть пример, который я сделал для карты территории продаж бывшего работодателя:

Финиш:

править

С момента написания вышеизложенного я придумал 2 улучшенных метода:

1) вместо цикла регулярных выражений для изменения состояния заливки используйте CSS для создания правил стиля, таких как

И затем вы можете сделать одну замену текста, чтобы ввести ваши правила css в svg, прежде чем приступить к созданию imagick jpeg/png. Если цвета не меняются, убедитесь, что у вас нет встроенных стилей заливки в тегах пути, переопределяющих css.

2) Если вам не нужно создавать файл изображений jpeg/png (и не нужно поддерживать устаревшие браузеры), вы можете управлять svg непосредственно с помощью jQuery. Вы не можете получить доступ к путям svg при внедрении svg используя теги img или object, вам придется напрямую включить svg xml в html-код вашей веб-страницы, например:

Тогда изменить цвета так же просто, как:

Еще один очень быстрый и точный вариант-это безголовый браузер PhantomJS (webkit)

Источник

Free online SVG to JPG converter

Converts SVG to JPG online for free from any device, with a modern browser like Chrome, Opera and Firefox.

Press Ctrl + D to store it in your bookmarks in order not to search it again

Bookmark this app

Send the download link to

Send us your feedback

Work with your documents in other free apps

Aspose.CAD Conversion

ConversionMenuOverview

Aspose.CAD Conversion App allows easily export SVG to JPG drawings and save the result to PDF, PSD, WMF, SVG, PNG, JPG, PSD and other raster images, vector images.

Need a cloud-based solution? Aspose.CAD Cloud makes available SDKs for popular programming languages C#, Python, PHP, Java, Node.js, Ruby, which are built on top of the Cloud REST API and steadily evolving.

How to convert SVG file

What People Are Saying

See what users say about Aspose.CAD free app

Thank you for the 12 usable files that were produced Steen! User from San Jose, USA

SVG Scalable Vector Graphics File

SVG files are Scalable Vector Graphics Files that use XML based text format for describing the appearance of image. The word Scalable refers to the fact that the SVG can be scaled to different sizes without losing any quality. Text based description of such files make them independent of resolution. It is one of the mostly used format for building website and print graphics in order to achieve scalability.

JPG Joint Photographic Expert Group Image File

A JPEG is a type of image format that is saved using the method of lossy compression. The output image, as result of compression, is a trade-off between storage size and image quality. Users can adjust the compression level to achieve the desired quality level while at the same time reduce the storage size. Image quality is negligibly affected if 10:1 compression is applied to the image. The higher the compression value, the higher the degradation in image quality.

Other Supported Conversions

You can also convert SVG into many other file formats. Please see the complete list below.

Источник

Конвертер SVG в JPG

Конвертировать SVG в JPG

Конвертируйте ваши файлы Scalable Vector Graphics File в Joint Photographic Experts Group JFIF format с помощью этого конвертера SVG в JPG.

Ошибка: количество входящих данных превысило лимит в 3.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил лимит в 100 MB.

Чтобы продолжить, вам необходимо обновить свою учетную запись:

Ошибка: общий размер файла превысил абсолютный лимит в 8GB.

Для платных аккаунтов мы предлагаем:

Вплоть до 8GB общего размера файла за один сеанс конвертирования 200 файлов на одно конвертирование Высокий приоритет и скорость конвертирования Полное отсутствие рекламы на странице Гарантированный возврат денег

До 100 Мб общего размера файла за один сеанс конвертирования 5 файлов на одно конвертирование Обычный приоритет и скорость конвертирования Наличие объявлений

Мы не может загружать видео с Youtube.

Чтобы конвертировать в обратном порядке из JPG в SVG, нажмите здесь:
Конвертер JPG в SVG

Оцените конвертирование JPG с помощью тестового файла SVG

Не впечатлило? Нажмите на ссылку, чтобы конвертировать наш демонстрационный файл из формата SVG в формат JPG:
Конвертирование SVG в JPG с помощью нашего тестового файла SVG.

SVG (Scalable Vector Graphics File)

Файлы SVG представляют собой двухмерные векторные изображения на основе XML. Спецификации формата SVG открыты для доступа сторонних лиц. Они были разработаны консорциумом World Wide Web Consortium (W3C). Формат SVG поддерживает интерактивность и анимацию, а также позволяет пользователям осуществлять поиск, индексировать и сжимать изображения. Несмотря на то что текстовые редакторы могут.
Что такое SVG?

JPG (Joint Photographic Experts Group JFIF format)

Фото и изображения, которые необходимо передать по электронной почте или выложить в Интернет, должны быть сжаты с целью уменьшения времени их выгрузки и загрузки, а также с целью экономии ресурсов Интернет-канала. Для этого обычно используют изображения в формате JPG. Сжатие с потерями равномерно по всему изображению, причем чем ниже степень сжатия, тем более четким становится изображение.
Что такое JPG?

Источник