Получить геометрию пути из изображения - PullRequest
Новая
       21

Получить геометрию пути из изображения

12 голосов
/ 11 июня 2009

Если у меня есть логотип, скажем, в формате JPG или даже PNG. Любое предложение о том, как я могу использовать это, чтобы определить геометрию пути? Было бы очень хорошо, если бы были предложены какие-либо предложения о том, как я могу сделать это в смеси. Спасибо

Ответы [ 6 ]

25 голосов
/ 11 июня 2009

Да - я только что решил эту проблему для приложения LOB два дня назад.

Я не могу дать совет по Blend (хотя я читал, что это можно сделать в Expression Designer). Однако лучший бесплатный инструмент, который я нашел для этого, называется InkScape (http://www.inkscape.org).

Это открытый исходный код, и хотя он предназначен в основном для редактирования векторных изображений SVG, он имеет две ключевые функции, которые нам пригодятся, WPFers:

  1. Он может векторизовать (то есть "отслеживать") растровые изображения, такие как растровые изображения и JPEG, хотя и не так хорошо, как хотелось бы, и
  2. Может экспортировать векторное изображение как XAML

Вы неизменно обнаружите, что вы получите лучшие результаты при загрузке векторных форматов (например, SVG, EMF, WMF и т. Д.) И сохранении в XAML, чем при попытке преобразования растрового изображения / JPEG ... просто потому, что процесс векторизация растрового изображения в лучшем случае подвержена ошибкам. Поэтому, если вы хотите перенести логотип компании в XAML, попробуйте получить исходные файлы, использованные для создания логотипа (возможно, в Illustrator?), И импортируйте его в InkScape.

Если этот пост полезен, будьте добры и дайте ему один ответ.

3 голосов
/ 12 июня 2009

Jasema - отличный инструмент для работы.

Кроме того, не стесняйтесь использовать Blend - его несколько сложнее использовать (рисует фигуры с помощью пера), но довольно быстро становится легче. Включите линии сетки и при необходимости установите их, чтобы получить хорошие результаты.

Чего не хватает Jasema и Blend, так это способности легко создавать фигуры с центральной симметрией (например, звезды), поэтому я взял детали у Jasema и создал свой собственный инструмент (названный Radius), который работает немного как комбинация линейка и компас.

2 голосов
/ 01 апреля 2015

Я решил свою проблему (экспортировал изображение в формате XAML) с помощью Microsoft Expression Design 4 (бесплатная версия). Я скачал по ссылке http://www.microsoft.com/en-us/download/confirmation.aspx?id=36180

В качестве входных данных у меня были файлы Adobe Ilustrator.

1 голос
/ 09 июня 2017

У меня есть хорошая идея, но у вас png, bmp, jpg или другой не векторный файл, это должно быть очень просто, потому что нам нужны лучшие результаты сканирования и мы используем только inkscape.

  1. Шаг: перетащите рабочую область файла на Inkscape , скачать бесплатно .

Подсказка: если ваше изображение белого цвета, элемент меню Top Файл -> Свойства документа -> heck Фон шахматной доски и если вы хотите снять отметку Отображение границы страницы .

  1. Шаг: Элемент верхнего меню Путь -> Битовая карта трассировки -> Режим проверка требуемого свойства, i обычно используйте свойство color , и если ваш файл png, отметьте Удалить фон, затем нажмите OK , затем снова подождите. Кнопка ОК - это Включить и закройте окно.
  2. Шаг: Теперь у вас есть двухслойный, векторный файл верхнего слоя и нижний слой вашего файла. Выберите векторный файл и элемент верхнего меню Редактировать -> Редактор XML -> выберите Путь SVG и посмотрите боковой столбец, d имя имя в вашем пути к данным значение .

Если вам сложно, вы можете посмотреть на мой gif .

Но этот метод может не всегда работать или может не дать желаемых результатов и нарисовать ваши собственные фигуры с помощью scape, чтобы вы могли получить данные пути из редактора XML.

Пример, мои первые тесты это как: enter image description here

и еще немного поработав: enter image description here

1 голос
/ 10 марта 2011

Adobe Illustrator / CorelDraw, пожалуй, лучший инструмент для этих операций, который я использовал. Лично я предпочитаю иллюстратор для экранных медиа. Эти трассировки могут быть экспортированы в несколько форматов, таких как EPS, SVG, AI или даже XAML (с этим плагином )

Удачи !!!!

0 голосов
/ 30 июня 2016

Я недавно боролся с этим сам. У меня был набор значков в данных, и мне нужно было обновить их, чтобы они выглядели лучше.

Я все перепробовал, вручную их печатал. рисование в SVG, преобразование SVG в XAML.

В конце концов я нашел список значков с открытым исходным кодом из значков материалов Google.

Затем я использовал это для преобразования файлов SVG в данные. https://github.com/BerndK/SvgToXaml

Работает хорошо, но не для иконок, которые я нарисовал сам.

Я решил поместить все данные значков, которые я преобразовал, в приложение, которое я создал сам, которое даст вам данные и предварительный просмотр значка. не стесняйтесь использовать и внести свой вклад. Я буду обновлять столько, сколько смогу. https://github.com/sgreaves1/XamlIcons

...