css - 以像素为单位测量图像上的距离

标签 css image image-processing paint.net

<分区>


这个问题似乎不是关于 a specific programming problem, a software algorithm, or software tools primarily used by programmers 的.如果您认为这个问题是关于 another Stack Exchange site 的主题,您可以发表评论,说明问题可能在哪里得到解答。

关闭 9 年前

我有一张图片,我想将其转换为 HTML 页面。 我的图像是 PNG,比例为 1:1。

例如,我想测量图像上元素的宽度、高度和填充,以便我可以将其转换为 CSS。

测量图像上两点之间像素距离的最简单方法是什么? 如果我能避免为此目的使用 Photoshop,那将是最好的。

最佳答案

我觉得很奇怪,您使用的是 .PNG 而不是可编辑的文档。在这种情况下选择元素并查看它们的尺寸是微不足道的。相反,您可能必须在某种图像处理软件中打开图像,放大并使用每个元素周围的选取框和填充/间距进行测量,以获得尺寸。

如果需要,您甚至可以在 Microsoft Paint 中执行此操作。选择工具会在您四处拖动时为您提供所选内容的像素尺寸。

关于css - 以像素为单位测量图像上的距离,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18216738/

上一篇:html - Bootstrap 框架不响应 asp.net webform

下一篇:CSS:无法为侧边栏腾出空间

相关文章:

Java淡入淡出图像

opencv - 使用的最佳做法是什么? IplImage、CvMat 还是垫?

html - 如果我缩放页面,边框大小会改变

html - div 不会将自己定位在 bootstrap 固定导航栏下方

javascript - Bootstrap Datetimepicker 不显示为空

c# - Graphics.DrawImage 对于更大的图像是否太慢?

css - Ember : How to apply different stylesheets depending on the language?

java - 如何使用 Glide [Android] 下载多张图片?

c++ - 图片加载功能不工作

c - 在 OpenCV 的不同窗口中显示多个图像