首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端桃园

    像素相关概念:PPI、DPI、设备像素、独立像素

    然后根据上面的公式得出: 总设备像素 = 总 css 像素 2 = 375 667 2 。然而实际上总的设备像素是 750 x 1334 个像素点。 其实 DPR = 设备像素 / 设备独立像 (是在同一个方向,一维的) 设备像素(DP) 定义: 设备像素又称物理像素,其尺寸大小是不会变的,从显示屏从工厂出来的那刻起,物理像素点就不会变了。 设备独立像素(DIP) 定义:设备独立像素又称逻辑像素,其尺寸大小是相对的。是一种物理测量单位,基于计算机控制的坐标系统和抽象像素。 其实这个也很好理解,逻辑像素嘛,不就是我们平时用的 CSS 像素么,在 Android 中交设备独立像素。所以 设备独立像素 = CSS 像素。 设备像素比(DPR) 设备像素比 DPR(devicePixelRatio) 是默认缩放为100%的情况下,设备像素和CSS像素的比值。

    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个物理像素的手机上

    46400编辑于 2023-09-28
  • 来自专栏计算机视觉life

    SLIC超像素分割详解(二):关键代码分析

    同一个超像素内所有像素的标号相同 4)   计算每个新超像素内所有像素的labxy均值和坐标重心。将坐标重心作为该超像素的新种子点位置。 5)   上述步骤2)到4)重复迭代10次。 该函数主要有几个作用:保证同一个超像素都是单连通区域;去掉尺寸过小的超像素;避免单个超像素被切割的情况。 记录adjlabel的目的是:如果当前超像素尺寸过小,将当前超像素标号全部用adjlabel代替。即合并到前一个相邻超像素,参考下面步骤6)。 5)   扩展当前超像素。 6)   如果新超像素大小小于理想超像素大小的一半(可以根据需要自己定义),将该超像素标号用前一个相邻超像素的标号值adjlabel代替,并且不递增标号值。 图2:SLIC超像素分割结果,蓝色的点表示最终超像素的种子点。

    1.9K80发布于 2018-01-08
  • 来自专栏一棹烟波

    OpenCV亚像素角点cornerSubPixel()源代码分析

    但是获取的角点坐标是整数,但是通常情况下,角点的真实位置并不一定在整数像素位置,因此为了获取更为精确的角点位置坐标,需要角点坐标达到亚像素(subPixel)精度。 1. OpenCV源代码分析   OpenCV中有cornerSubPixel()这个API函数用来针对初始的整数角点坐标进行亚像素精度的优化,该函数原型如下: void cv::cornerSubPix( 如果设置为Size(-1,-1),则表示没有这样的区域;critteria是条件阈值,包括迭代次数阈值和误差精度阈值,一旦其中一项条件满足设置的阈值,则停止迭代,获得亚像素角点。    ① 代码中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 为两种经常使用的像素格式。 YUV像素格式来源于RGB像素格式,通过公式运算,YUV 三分量可以还原出 RGB,YUV 转 RGB 的公式如下: R = Y + 1.403V G = Y - 0.344U - 0.714V 若以以黑点表示采样该像素点的 Y 分量,以空心圆圈表示采用该像素点的 UV 分量,则这三种采样方式如下: 即: YUV 4:4:4 采样,每一个 Y 对应一组 UV 分量。

    1.1K20编辑于 2022-11-10
  • 来自专栏全栈程序员必看

    px像素和dp像素密度区别

    px即像素,1px代表屏幕上一物理像素点。 dp (dip)Density independent pixels. 设备无关像素,与像素密度相关。 像素密度:每英寸包涵的像素数 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/141772.html原文链接:https://javaforall.cn

    93210编辑于 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 方法绘制像素点。 像素点是一个矩形,通过 PixCell 坐标可以确定矩形,然后使用 canvas.drawRect 绘制即可。 最终,我们将通过手势交互来对网格像素进行着色或取消着色。 所以这个像素编辑器可以同时运行在 Android、iOS、Windows、MacOS、Linux、Web。目前只是一个非常简单的编辑像素功能,后续还会拓展更多的功能。

    71010编辑于 2024-04-12
  • 来自专栏一棹烟波

    OpenCV畸变校正原理以及损失有效像素原理分析

    今天要说的第二点就是做过畸变校正的同学都知道,畸变校正后的图像会损失很多像素,这是为什么呢? 接下来就以常见的桶形畸变为例分析一下:由于我目前手头的相机畸变程度并不明显(之前用广角镜头的时候畸变程度相当明显)。 畸变校正后,原本挤在一起的像素点们被校正到原来的位置,就得到上面的图像。同时由于四周的像素被拉伸,会造成四周出现模糊的情况。 得到上述图像后很自然想到的是把四周的黑色区域裁掉,只留下中间的图像区域。 而这个摄像机矩阵是在理想情况下没有考虑畸变得到的,所以并不准确,重要的是fx和fy的值会比考虑畸变情况下的偏大,会损失很多有效像素。 总之是在fmin和fmax之间进行插值计算 f,而通常balance(alpha)默认为0,f=fmax,焦距越大,视场越小,损失的有效像素越多。 ? 好了,夜已深,今天就到这里。

    4K90发布于 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: "像素图层

    46610编辑于 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
  • 来自专栏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
  • 来自专栏全栈程序员必看

    像素,分辨率,PPI(像素密度),BPP 扫盲

    像素于分辨率 像素,又称画素,为图像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,故“像素”表示“图像元素”之意 每个像素可有各自的颜色值,可采三原色显示,因而又分成红、绿、蓝三种子像素(RGB色域),或者青、品红、黄和黑(CMYK色域,印刷行业以及打印机中常见)。 照片是一个个采样点的集合,在图像没有经过不正确的/有损的压缩或相机镜头合适的前提下,单位面积内的像素越多代表分辨率越高,所显示的图像就会接近于真实物体。 一个像素通常被视为图像的最小的完整采样。 PPI PPI:每英寸像素(英语:Pixels Per Inch,缩写:PPI),又被称为像素密度,是一个表示打印图像或显示器单位面积上像素数量的指数。 BPP: 色彩深度计算机图形学领域表示在位图或者视频帧缓冲区中储存1像素的颜色所用的位数,它也称为位/像素(bpp)。色彩深度越高,可用的颜色就越多。

    2.6K10编辑于 2022-08-26
  • 来自专栏Young Dreamer

    针对iPhone的pt、Android的dp、HTML的css像素与dpr、设计尺寸和物理像素的浅分析

    1.ppi   ppi指Pixels Per Inch也就是每英寸的像素点,此处的像素点就是物理像素点(也就是最小的显示单元)。 ppi描述的是像素的密度,满足以下公式 此图来源于uxabc 2.iPhone的pt与Android的dp   第一代iphone手机的像素密度是163ppi,但是到了iPhone4的时候像素密度是326ppi 4.HTML中的css像素和dpr   在HTML中不得不提到viewport,经常会设置viewport的width=device-width,那这个device-width的值是多少呢? device-width在html中也同样被解读为理想(基准)视口的宽度,即320px,375px,414px,这里的px就是指css像素,通常也被称为逻辑像素;那我们可以认为html中的css像素的显示尺寸应该和 dpr,也被成为device pixel ratio,即物理像素与逻辑像素的比,那也就不难理解:iphone6下dpr=2,iphone6+下dpr=3(考虑的是栅格化时的像素,并非真实的物理像素);

    2.4K50发布于 2018-01-31
  • 来自专栏韩曙亮的移动开发专栏

    【Android 屏幕适配】屏幕适配基础概念 ② ( 像素 px 与 密度无关像素 dip | 像素 px 与 密度无关像素 dip 在不同屏幕像素密度 dpi 下的换算关系 )

    文章目录 一、像素 px 与 密度无关像素 dip 二、像素 px 与 密度无关像素 dip 在不同屏幕像素密度 dpi 下的换算关系 参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 一、像素 px 与 密度无关像素 dip ---- px 是 pixel 缩写 , 表示 像素 ; dip 是 Desity Independent Pixels 的缩写 , 表示 密度无关像素 , dip 又可以缩写成 dp ; 密度无关像素 dip 与 像素 px 根据 屏幕像素密度 DPI 为参数 进行计算 ; 注意 密度无关像素 ( DIP , Desity Independent Pixels ; 二、像素 px 与 密度无关像素 dip 在不同屏幕像素密度 dpi 下的换算关系 ---- px 与 dip 的换算关系 : 屏幕像素密度 ( DPI , Dots Per Inch ) ; 160 dpi 是 像素识别 基准 , 在该 屏幕像素密度 dpi 下 , 1 px = 1 dip ; 不同屏幕像素密度下的像素比例 : \rm mdpi : hdpi : xhdpi :

    2.4K20编辑于 2023-03-30
  • 来自专栏Unity游戏开发

    像素画-云

    实践制作.png 云的制作步骤 图片.png 空气透视 距离观察者越近的饱和度越高,较远的饱和度低 图片.png

    1.6K40发布于 2021-06-24
领券