- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端桃园
像素相关概念：PPI、DPI、设备像素、独立像素
比如： iPhone 6 的分辨率是 750 x 1334 像素，然而我们我们在写 css 的时候是以 375 x 667 来调的； 为什么我们做的一个网页在 pc 端可以正常显示，在移动端也可以正常显示 现在我们就拿 iPhone 6 来做例子，我们可以通过 window.devicePixelRatio 获取设备的 DPR 为 2，设备独立像素，在这里可以认为是 css 像素，整个 iPhone 6 实例： iPhone 6 的分辨率是750 x 1334 ，那么这个 750 就是代表 750 的物理像素，是从手机出厂的那刻起，就不会变了，750 表示的就是手机的宽是 750px。 这会让没有真正理解像素或者 PPI 的人迷惑。 现在我还是拿 iPhone 6 的例子来说明到底 PPI 应该是个啥。 我们都知道 iPhone 6 的分辨率是 750 x 1344，对角线长度是 4.7 英寸，PPI 是 326（不知道这些的自己查），但是这个 326 是怎么来的呢？现在我们就来计算下 ?
3.4K20发布于 2018-06-27 - 来自专栏『学习与分享之旅』
设备像素和CSS像素
设备像素和 CSS 像素设备像素又称为 物理像素, 是 "物理屏幕" 上真实存在的发光点，只有屏幕一经出厂就固定不会改变。 CSS 像素又称为 逻辑像素，是编程世界中虚拟的东西, 我们通过代码设置的像素都是逻辑像素。 / 设备像素 640 960：图片图片不同的逻辑像素在不同的物理物理屏幕显示的效果如下：图片也就是说 CSS 像素和设备像素在有的时候是不一样的，那么什么时候不一样? 在 PC 端，1个 CSS 像素往往都是对应着电脑屏幕的 1 个物理像素, 所以我们无需关心 PC 端的 CSS 像素和设备像素问题，在手机端，最开始其实 1 个 CSS 个像素也是对应着手机屏幕的 1 iPhone4 的屏幕尺寸却没有变化，但是像素点却多了一倍，这就导致了在 1 个CSS个像素等于 1 个物理像素的手机上, 我们设置1个CSS像素只会占用 1 个物理像素，而在1个CSS个像素不等于1个物理像素的手机上
46900编辑于 2023-09-28 - 来自专栏3D视觉从入门到精通
PVNet: 像素级投票网络估计6DoF位姿
大家好，今天为大家带来的文章是—— PVNet: Pixel-wise Voting Network for 6DoF Pose Estimation。 相反，本文引入了一个像素级投票网络(PVNet)用于回归指向关键点的像素级向量，并使用这些向量对关键点位置进行投票。这为定位被遮挡或截断的关键点创建了一种灵活的表示方式。 1.基于投票的关键点定位 给定一个RGB图像，PVNet预测像素级对象标签和向量，其中像素级向量代表每个像素到每个关键点的方向。 对于像素p, PVNet输出与物体关联的语义标签和向量vk(p)，该向量表示从像素p到物体的2D关键点xk的方向。向量vk(p)是像素p与关键点xk之间的偏移量，即xk-p。 2.关键点选择 如图2(a)使用物体的3D包围框的8个角点作为关键点，这些角点可能远离图像中的物体像素。距离目标像素越远，定位误差就越大，因为关键点假设是使用从目标像素开始的向量生成的。
2.4K30发布于 2021-03-19 - 来自专栏计算机视觉life
SLIC超像素分割详解（二）：关键代码分析
同一个超像素内所有像素的标号相同 4) 计算每个新超像素内所有像素的labxy均值和坐标重心。将坐标重心作为该超像素的新种子点位置。 5) 上述步骤2)到4)重复迭代10次。 6、EnforceLabelConnectivity。该函数主要有几个作用：保证同一个超像素都是单连通区域；去掉尺寸过小的超像素；避免单个超像素被切割的情况。 记录adjlabel的目的是：如果当前超像素尺寸过小，将当前超像素标号全部用adjlabel代替。即合并到前一个相邻超像素，参考下面步骤6）。 5) 扩展当前超像素。 6) 如果新超像素大小小于理想超像素大小的一半（可以根据需要自己定义），将该超像素标号用前一个相邻超像素的标号值adjlabel代替，并且不递增标号值。 7) 迭代上述步骤3）到6）直到整张图片遍历结束。 7、绘制分割结果，退出窗口。 ? 图2：SLIC超像素分割结果，蓝色的点表示最终超像素的种子点。
1.9K80发布于 2018-01-08 - 来自专栏一棹烟波
OpenCV亚像素角点cornerSubPixel()源代码分析
但是获取的角点坐标是整数，但是通常情况下，角点的真实位置并不一定在整数像素位置，因此为了获取更为精确的角点位置坐标，需要角点坐标达到亚像素（subPixel）精度。 1. 92%E7%82%B9%E7%9A%84%E6%B1%82%E6%B3%95.pdf，贴上来，如下： 2. OpenCV源代码分析 OpenCV中有cornerSubPixel（）这个API函数用来针对初始的整数角点坐标进行亚像素精度的优化，该函数原型如下： void cv::cornerSubPix( ① 代码中CI2为本次迭代获取的亚像素角点位置，CI为上次迭代获取的亚像素角点位置，CT是初始的整数角点位置。 ③停止迭代后，需要再次判断最终的亚像素角点位置和初始整数角点之间的差异，如果差值大于设定窗口尺寸的一半，则说明最小二乘计算中收敛性不好，丢弃计算得到的亚像素角点，仍然使用初始的整数角点。
2.5K50发布于 2018-03-19 - 来自专栏图像处理与模式识别研究所
像素修改
before",img)#原始图像 for i in range(10,200):#修改图像区域 for j in range(20,100): img[i,j]=255#修改像素值 cv2.imshow("after",img)#修改后图像 cv2.waitKey() cv2.destroyAllWindows() 算法：像素修改是通过位置索引的形式对图像内的元素进行访问、 img[i,j]访问的是图像的第i行第j列的像素点，img[i,j]=255将图像中"第10行到199行"与“第20列到99列”交叉区域内的像素点的像素值设置为“255”，从图像上来看，该交叉区域被设置为白色 该二值图像内仅有数值0和数值255两种类型的灰度值（灰度级），不存在其他灰度值的像素点。 注意：行序列、列序列都是从0开始。
1.2K10编辑于 2022-05-28 - 来自专栏全栈程序员必看
zv-1像素_尺寸 像素
文章目录 常用图像像素格式 RGB 和 YUV RGB 格式 YUV 格式 YUV采样 YUV存储格式 常见的像素格式 YUV422：YUYV、YVYU、UYVY、VYUY YUV420：I420、YV12 、NV12、NV21 常用图像像素格式 RGB 和 YUV 近期由于项目需要，开始接触图像像素格式，因此在这里做一个小结。 像素格式描述了像素数据存储所用的格式，定义了像素在内存中的编码方式。RGB 和 YUV 为两种经常使用的像素格式。 YUV422：YUYV、YVYU、UYVY、VYUY 这四种格式每一种又可以分为 2 类（packed和planar），以 YUYV 为例，一个 6*4 的图像的存储方式如下： Y Y Y Y Y - Packed - YUV420：I420、YV12、NV12、NV21 YUV420p: I420、YV12 YUV420sp: NV12、NV21 同样，对于一个6*
1.1K20编辑于 2022-11-10 - 来自专栏全栈程序员必看
px像素和dp像素密度区别
px即像素，1px代表屏幕上一物理像素点。 dp （dip）Density independent pixels. 设备无关像素，与像素密度相关。 像素密度：每英寸包涵的像素数 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/141772.html原文链接：https://javaforall.cn
94010编辑于 2022-09-01 - 来自专栏用户2442861的专栏
像素操作
版权声明：本文为博主原创文章，未经博主允许不得转载。 选定图像中一个patch，然后将这个方块按我们的想法赋值（如全黑、全白等） [cpp] view plain copy #include <opencv2/core/core.hpp> #include <opencv2/imgproc/imgproc.hpp> #include <opencv2/highgui/highgui.hpp> using namespace cv; int main() {
1.1K10发布于 2018-09-19 - 来自专栏全栈程序员必看
分辨率，像素，像素密度易懂
一般会说这个屏幕的分辨率是 1920*1080，这就说明纵向和横向上有 1920个和1080个像素点； 像素点是什么？ 一个像素点就是一个色彩块，没有实际的物理尺寸； 什么是屏幕像素密度？ 一英寸长的一条线上理论上会有多少个像素点； 例如：一个手机长边有1920个像素点，短边有1080个像素点，屏幕大小（对角线的物理大小）是5.2英寸的，那么屏幕密度是怎么计算呢？ —-首先算出对角线上有多少个像素点（这个不要钻牛角尖哦）公式：1920^2 + 1080^2 = 对角线^2——-再用 对角线/5.2 = 屏幕密度； 生活：屏幕分辨率不是越大就越清晰，屏幕密度大才是比较清晰的
1.5K20编辑于 2022-08-22 - 来自专栏Android知识点总结
Flutter 像素编辑器#01 | 像素网格
通过网格的坐标信息，为像素单元格着色。 [3]. 通过手势交互，在网格中编辑像素点。 大家可以在 [码上掘金] 上体验，由 Flutter 构建的 web 版： 1. = pixCells; } } 然后封装一个 drawPixCells 方法绘制像素点。 (color: Color(0xff5fc6f5), position: (0, 3)), PixCell(color: Color(0xff5fc6f5), position: (0, 4)), position: (2, 1)), PixCell(color: Color(0xff5fc6f5), position: (4, 1)), ], 三、手势交互维护像素列表数据 最终，我们将通过手势交互来对网格像素进行着色或取消着色 所以这个像素编辑器可以同时运行在 Android、iOS、Windows、MacOS、Linux、Web。目前只是一个非常简单的编辑像素功能，后续还会拓展更多的功能。
72810编辑于 2024-04-12 - 来自专栏一棹烟波
OpenCV畸变校正原理以及损失有效像素原理分析
1.在普通相机cv模型中，畸变系数主要有下面几个：(k1; k2; p1; p2[; k3[; k4; k5; k6]] ，其中最常用的是前面四个，k1,k2为径向畸变系数，p1,p2为切向畸变系数。 今天要说的第二点就是做过畸变校正的同学都知道，畸变校正后的图像会损失很多像素，这是为什么呢？ 接下来就以常见的桶形畸变为例分析一下：由于我目前手头的相机畸变程度并不明显（之前用广角镜头的时候畸变程度相当明显）。 因此就从网上找一些图片作为例子以便说明，这里引用一下图片来源 http://www.developersite.org/904-45591-%E6%A0%87%E5%AE%9A。 畸变原图如下： ? 畸变校正后，原本挤在一起的像素点们被校正到原来的位置，就得到上面的图像。同时由于四周的像素被拉伸，会造成四周出现模糊的情况。 得到上述图像后很自然想到的是把四周的黑色区域裁掉，只留下中间的图像区域。
4.1K90发布于 2018-01-12 - 来自专栏全栈程序员必看
python处理图片像素_python绘制像素图
而像素级的处理与许多复杂操作相关。所以，通常我们在加载完图片后，都是把图片转换成矩阵来进行复杂操作。 type ‘numpy.ndarray’ > 如果是RGB图片，那么转换为array之后，就变成了一个rows*cols*channels的三维矩阵，因此，我们可以使用img[i,j,k]来访问像素值 [x,y,:]=255 plt.figure("cat_salt") plt.imshow(img) plt.axis('off') plt.show() output 示例2：将图像二值化，像素值大于 plt.figure("cat_black&white") plt.imshow(img,cmap='gray') plt.axis('off') plt.show() output 如果要对多个像素点进行操作 切片方式返回的是以指定间隔下标访问该数组的像素值。
2.4K10编辑于 2022-11-07 - 来自专栏Android知识点总结
Flutter 像素编辑器#03 | 像素图层
本篇将引入 图层 的概念，支持新建图层进行绘制，各图层间的像素内容互不干涉，可以点击切换激活的图层进行编辑，效果如下： 1. 需求分析与数据规划 在当前功能中，展示数据由单个变为了列表。 如果重新画一遍，那么每次视图变化就会绘制 两次相同内容，包括遍历像素点数据，这是颜色、绘制矩形。 picture = recorder.endRecording(); } void paint(Canvas canvas, Size size); } 然后派生出 PixLayer 负责绘制像素图层 ，其中持有行列格数和像素数据列表 pixCells。 == activeLayerId); } String id = const Uuid().v4(); PixLayer pixLayer = PixLayer(name: "像素图层
47610编辑于 2024-04-17 - 来自专栏秃头开发头秃了
聊一聊CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别
前言 大家好，我是HoMeTown，顺着计量单位，想继续聊一下CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别。 这就涉及到设备像素、css像素、设备独立像素、dpr、ppi的概念。 css像素 css像素就是我们在进行开发时，经常使用的px单位。 设备独立像素（Device Independent Pixel） 设备独立像素与就是，与设备无关的逻辑像素，代表可以通过程序控制使用的虚拟像素，是一个总的概念，包括了css像素。 这里的分辨率其实不严谨的讲，就指的是设备独立像素，一个设备独立像素里可能会包含1个或者多个物理像素点，包含的越多，画质越高。 为什么会出现设备独立像素这种虚拟像素单位概念呢？ 这种n个虚拟像素:n个物理像素比例式的换算，被统称为设备像素比，也就是dpr dpr（Device pixel ratio） 设备像素比，代表设备独立像素到设备像素的转换关系。
1.8K40编辑于 2022-10-26 - 来自专栏Java架构师必看
spring源码分析6
spring源码分析6 强烈推介IDEA2020.2破解激活，IntelliJ
31020发布于 2021-04-13 - 来自专栏webTower
canvas 像素操作
canvas 像素信息。 ImageData 对象中有三个属性： width：canvas 的宽度； height：canvas 的高度； data：指定区域的像素数据； imageData.data 中的像素数据是一个一维正整数数组 下面就介绍几个简单且常见的像素处理结果。原始图片均以下面的彩图为例： ? 绫小路 灰度处理 使用上面的两个 API 就可以随意操作像素数据了。 } 当获取像素并能进行操作时，可以说几乎任何图像处理操作都可以通过 canvas 完成，可见 canvas 的强大之处，当然，canvas 的强大不只局限于基本的像素操作，图片合成、视频合成以及游戏动画等也是 canvas 像素操作就说到这里。
2.3K10发布于 2020-01-14 - 来自专栏全栈程序员必看
像素和毫米的换算_1500像素等于多少毫米
屏幕PPI计算: (White^2+Height^2)^0.5/屏幕大小英寸数 毫米和像素换算: mm=(px/dpi)*25.4 px=(mm*dpi)/25.4
1.9K30编辑于 2022-09-20 - 来自专栏进阶高级前端工程师
React源码分析6-hooks源码6
要理解 hooks 的执行过程，首先想要大家对 hooks 相关的数据结构有所了解，便于后面大家顺畅地阅读代码。
80250编辑于 2023-01-10 - 来自专栏全栈程序员必看
像素,分辨率，PPI（像素密度）,BPP 扫盲
像素于分辨率 像素，又称画素，为图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意 每个像素可有各自的颜色值，可采三原色显示，因而又分成红、绿、蓝三种子像素（RGB色域），或者青、品红、黄和黑（CMYK色域，印刷行业以及打印机中常见）。 PPI PPI：每英寸像素（英语：Pixels Per Inch，缩写：PPI），又被称为像素密度，是一个表示打印图像或显示器单位面积上像素数量的指数。 BPP: 色彩深度计算机图形学领域表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数，它也称为位/像素（bpp）。色彩深度越高，可用的颜色就越多。 6位：64种颜色，用于Original Amiga chipset。
2.7K10编辑于 2022-08-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号