У меня есть изображение, которое я хочу преобразовать в HTML-страницу. У меня есть PNG, соотношение 1: 1.Измерение расстояния в пикселях на изображении
Я хочу, например, измерить ширину, высоту, дополнение элемента на изображении, чтобы я мог преобразовать его в CSS.
Какой самый простой способ измерения расстояния в пикселях между 2 точками на изображении? Было бы лучше, если бы я мог избежать фотошопа для этой цели.
Мне показалось странным, что вы работаете с .PNG, а не с редактируемого документа. В этом случае тривиально выбирать элементы и видеть их размеры. Вместо этого вам, вероятно, придется открывать изображение в каком-то программном обеспечении для обработки изображений, масштабировать и измерять с помощью шатров вокруг каждого элемента и отступов/интервалов, чтобы получить ваши размеры.
Вы можете даже сделать это в Microsoft Paint, если это необходимо. Инструмент выбора дает вам пиксельные размеры вашего выбора, когда вы его перетаскиваете.
Зачем избегать фотошоп? Единственная причина, по которой я спрашиваю, - посмотреть, не избегаете ли вы стоимости Photoshop. Если это так, то GIMP - отличная бесплатная альтернатива с открытым исходным кодом. http://www.gimp.org Существует также несколько плагинов Firefox и Chrome, которые позволяют вам измерять элементы на экране. Просто найдите «вставить браузер здесь, измерьте пиксели на экране» –
Упоминание Photoshop задает вопрос непонятным, программируете ли вы для преобразования изображения в HTML? В противном случае это оффтоп. – madth3
yes Я программирую для преобразования изображения в HTML. – elewinso