像素

从我工作以来，开发的一直都是移动端的页面，只有偶尔去开发几个PC端的页面，现在是一个移动端的时代，移动先行已经深入骨髓，作为一个web前端开发，如果你还在为如何开发移动端页面而迷茫，或者你还在为开发出了一个在你手机上“完美”的移动页面而沾沾自喜却不知移动的世界有多“残酷”的时候，那你应该看看这篇文章了。希望这能给你帮助，同时也能给我帮助，有不合理的地方，欢迎评论支持，必将改正。 这里是基础，你了解否？ 一、像素 - 什么是像素 像素是web页面布局的基础，那么到底什么才是一个像素呢？ 像素：一个像素就是计算机屏幕所能显示一种特定颜色的最小区域。 这是像素的概念，实际上，在web前端开发领域，像素有以下两层含义： 设备像素：设备屏幕的物理像素，对于任何设备来讲物理像素的数量是固定的。 CSS像素：这是一个抽象的像素概念，它是为web开发者创造的。 如下图，是在缩放比例为1，即scale = 1的情况下，设备像素和CSS像素示意图 设备像素和CSS像素 现在你已经了解了，原来像素对于web前端开发来讲有这样的两层含义，那么你有没有再深入的考虑这样一个问题，当我给一个元素设置了 width: 200px; 这条样式的时候，到底放生了什么事情？ 你可能会说：“废话！元素的宽度是200px呗。”；对，并没有什么问题，但是这个200px指的是什么呢？因为我们知道

在今天的吹牛节目开始之前，先交代一件事： 关于玩WP 8.1开发所使用的VS版本问题。对版本的要求是2013的Update2，这是最低要求，只要是这个版本或以上都可以，而update3，update4，update5是不是必须更新呢？不是的，VS的update是可选的，而且每个update都会累积，所以，update越多，安装包的体积越大。因此，WP开发我们只需update2就行了，我用的也是u2。如果你觉得MSDN原版不好下，可以从下面的地址下，我已经把相关的.iso上传到115。这里面是旗舰版。 开发工具 115网盘礼包码：5lbblgv09y6k http://115.com/lb/5lbblgv09y6k 如果你还没有安装VS，我这里分享一个小技巧。就是在安装时，不要勾选Windows Phone 8.0 SDK，安装后就没有8.0的模拟器和镜像，也不能开发8.0的应用，只能开发8.1的，而且只能用真机调试。 安装后，你再下载我上面分享的另一个.iso——windowsphone81sdkupdate1.iso，这里不仅包含8.1的SDK，还带了8.1 Update 1的模拟器，即有“小娜”的版本。 如此一来，你只安装了最新的8.1模拟器，而没有8.0的模拟器了。当然如果你要开发8.0的应用，就要安装Windows Phone 8.0 SDK，我上面说的当你只开发8

1.纹理像素格式 纹理优化工作的另一重要的指标是纹理像素格式，能够最大程度满足用户对保真度要求的情况下，选择合适的像素格式，可以大幅提高纹理的处理速度。而且纹理像素格式有与硬件有这密切的关系。 下面我们先了解一下纹理像素的格式，主要的格式有： RGBA8888。32位色，它是默认的像素格式，每个通道8位（比特），每个像素4个字节。 BGRA8888。32位色，每个通道8位（比特），每个像素4个字节。 RGBA4444。16位色，每个通道4位（比特），每个像素2个字节。 RGB888。24位色，没有Alpha通道，所以没有透明度。每个通道8位（比特），每个像素3个字节。 RGB565。16位色，没有Alpha通道，所以没有透明度。R和B通道是各5位，G通道是6。 RGB5A1（或RGBA5551）。16位色，每个通道各4位，Alpha通道只用1位表示。 PVRTC4。4位PVR压缩纹理格式，PVR格式是专门为iOS设备上面的PowerVR图形芯片而设计的。它们在iOS设备上非常好用，因为可以直接加载到显卡上面，而不需要经过中间的计算转化。 PVRTC4A。具有Alpha通道的，4位PVR压缩纹理格式。 PVRTC2。2位PVR压缩纹理格式。 PVRTC2A。具有Alpha通道的，2位PVR压缩纹理格式。 此外，PVR格式在保存的时候还可以采用Gzip和zlib压缩格式进行压缩

　　数码相机的关键元件CCD或CMOS又称为“影像传感器”，其作用相当于感光胶片。CCD尺寸越大，采集光线的效果越好，画面记录的信息就越多，保留的细节也就越丰富，所以图像更完美漂亮。 　　CCD尺寸的大小与像素的多少有一定的联系，但是也不尽然。专业数码单反尼康的D2Hs，别看它像素只有410万，可CCD的尺寸却是23.5×15.7mm；而柯达的DX7590数码相机虽拥有500万像素，但CCD尺寸只有5.38×4.39mm，两块CCD面积相差近10倍。可以肯定地说，D2Hs拍出的图像质量要比柯达DX7590拍出的画面要好得多，而且图像越放大越能证明这一点。所以购买数码相机时，千万不要盲目追求高像素，还要看看它的CCD尺寸有多大！ 　　目前CCD、CMOS最大尺寸（除120专用的数码后背）与35毫米传统胶片的底片一致，即24×36mm。所以又称为“全画幅”CCD。 　　大尺寸的CCD制作成本非常高，已经成为了数码相机(主要是数码单反相机)价格居高不下的主要颈瓶。 　　CCD和CMOS在制造上的主要区别主要是CCD是集成在半导体单晶材料上，而CMOS是集成在被称为金属氧化物的半导体材料上，工作原理没有本质的区别，都是利用感光二极管(photodiode)进行光电转换，这种转换的原理与太阳能电子计算机的太阳能电池效应相近，光线越强、电力越强；反之，光线越弱、电力也越弱

手机摄像头常用的结构如下图37.1所示，主要包括镜头，基座，传感器以及PCB部分。 图37.1 CCM(compact camera module)种类 1.FF(fixed focus)定焦摄像头 目前使用最多的摄像头，主要是应用在30万和130万像素的手机产品。 2.MF(micro focus)两档变焦摄像头 主要用于130万和200万像素的手机产品，主要用于远景和近景，远景拍摄风景，近景拍摄名片等带有磁条码的物体。 3.AF(auto focus)自动变焦摄像头 主要用于高像素手机，具有MF功能，用于200万和300万像素手机产品。 4.ZOOM 自动数码变焦摄像头 主要用于更高像素的要求，300万以上的像素品质。 Lens部分 对于lens来说，其作用就是滤去不可见光，让可见光进入，并投射到传感器上，所以lens相当于一个带通滤波器。 CMOS Sensor部分 对于现在来说，sensor主要分为两类，一类是CMOS，一类是CCD，而且现在CMOS是一个趋势。 对于镜头来讲，一个镜头只能适用于一种传感器，且一般镜头的尺寸应该和sensor的尺寸一致。 对于sensor来说，现在仍然延续着Bayer阵列的使用，如下图37.2所示，图37.3展示了工作流程，光照à电荷à弱电流àRGB信号àYUV信号。 图37.2 图37.3 图37.4 图37.4展示了sensor的工作原理

3 月，跳不动了？>>> 　　1、打光的稳定性： 　　工业视觉应用一般是可以分为四大类的：定位、测量、检测、识别，其中测量对光照的稳定性要求 高，因为光照只要发生10-20%的变化，测量结果将可能偏差出1-2个像素，这不是软件的问题，而是光照的变化，导致图像上边缘发生了一些变化，就算是再厉害的软件也是没有办法解决的，必须要从系统的设计方面着手。排除环境光的干扰，同事还要保证光源的稳定性。当然通过硬件相机分辨率的提升也是提高精度，抗环境干扰的一种办法了。比如之前的相机对应物空间尺寸是1个像素10um，而通过提升分辨率后变成 1个像素5um，精度近似可以认为提升1倍，对环境的干扰自然增强了。 　　2、工位的不一致性： 　　一般做测量的项目，不管是离线检测还是在线检测，只要是全自动化检测设备，首先做的工作就是要找到待检测的目标物。每次等到待检测的产品到拍摄地点的时候，要能够准确的知道待检测的目标物品在哪里，就算是你使用一些机械夹具，也不能特别高精度保证待测目标物每次都出现在同一位置的，这个时候就需要用到定位功能，如果定位不准确的话，可能测量工具出现的位置就不准确，测量结果有时会有较大偏差。 　　3、标定： 　　一般在高精度测量的时候是需要做以下几个标定，一光学畸变标定(如果您不是用的软件镜头，一般都必须标定)，二投影畸变的标定，也就是因为您安装位置误差代表的图像畸变校正，三物像空间的标定

1、 piexl 像素知识 640 * 1136的图片能不能在iphone5上完全展示？ iphone5分辨率640*1136 逻辑像素与物理像素的关系 px逻辑像素：浏览器使用的抽象单位 dp，pt物理像素：设备无关像素 dpr：设备像素缩放比 计算公式：1px = (dpr)^2 * dp iphone5的 dpr = 2； DPI:打印机每英寸可以喷的墨汁点（印刷行业） PPI:屏幕每英寸的像素数量，即单位英寸内的像素密度 目前，在计算机显示设备参数描述上，二者意思一致 计算公式：以iphone5为例：ppi = √（1136^2 + 640^2）/4 = 326ppi（视网膜retina屏） 注意：单位为硬件像素（物理像素），非px PPI越高，像素数越高，图像越清晰。但可视度月低（小），系统默认缩放比越大。 retina屏（高清屏）：dpr都是>=2。 2、 viewport 手机浏览器默认为我们做了两件事情： ① 页面渲染在一个980px（ios）的viewport ② 缩放 为什么要有viewport？ 一个300多像素的屏幕，放一个1000多像素的页面，会混乱，所以要先虚拟一个980像素的页面，然后进行缩放。 度量|视口 visual viewport ==== 窗口缩放scale 布局 layout viewport 设计移动web

摘抄“GPU Programming And Cg Language Primer 1rd Edition” 中文名“GPU编程与CG语言之阳春白雪下里巴人”第二章。 图形绘制管线描述GPU渲染流程，即“给定视点、三维物体、光源、照明模式，和纹理等元素，如何绘制一幅二维图像”。本章内容涉及GPU的基本流程和实时绘制技术的根本原理，在这些知识点之上才能延伸发展出基于GPU的各项技术，所以本章的重要性怎么说都不为过。欲登高而穷目，勿筑台于浮沙！ 本章首先讨论整个绘制管线（不仅仅是GPU绘制）所包含的不同阶段，然后对每个阶段进行独立阐述，最后讲解GPU上各类缓冲器的相关知识点。 在《实时计算机图形学》一书中，将图形绘制管线分为三个主要阶段：应用程序阶段、几何阶段、光栅阶段。 应用程序阶段，使用高级编程语言（C、C++、JAVA等）进行开发，主要和CPU、内存打交道，诸如碰撞检测、场景图建立、空间八叉树更新、视锥裁剪等经典算法都在此阶段执行。在该阶段的末端，几何体数据（顶点坐标、法向量、纹理坐标、纹理等）通过数据总线传送到图形硬件（时间瓶颈）；数据总线是一个可以共享的通道，用于在多个设备之间传送数据；端口是在两个设备之间传送数据的通道；带宽用来描述端口或者总线上的吞吐量，可以用每秒字节（b/s）来度量，数据总线和端口（如加速图形端口，Accelerated Graphic Port,AGP

1、基本概念 屏幕大小(screen size) – 屏幕的实际大小，用屏幕对角线长度来衡量(比如3.4寸，3.8寸)。android把屏幕分为以下4种：small,normal,large,extra large。 怎么判断？ 屏幕密度(Screen Density) - 一块实际的屏幕区域有多少个像素，一般用dpi衡量(每英寸有多少个点)。相比起medium、high屏幕密度的设备，在一块确定大小的屏幕区域l密度为low的屏幕拥有的像素更少。android把屏幕密度分为4种：low,medium,high,extra high。 如何判断是ldpi,mdpi,hdpi? 方向(orientation) - 屏幕方向分为landscape(横屏)和portrait(竖屏)。 分辨率(Resolution) - 屏幕上的总实际像素数。对屏幕进行适配时，一般不关注它的分辨率，只关注它的屏幕大小和密度。 与密度无关的像素(Density-independent pixel,dp或dip) - 为了保证你的UI适合不同的屏幕密度，建议你采用dp来定义程序UI。 它的计算方法为：px = dp * (dpi / 160) sp(scale-independent pixel) 如何分辨一个屏幕是ldpi、mdpi、hdpi的方法， 见下图 2、怎样适配多种屏幕 a

关于Android的nodpi, xhdpi , hdpi , mdpi , ldpi 首先是几个基本概念： 1.屏幕尺寸Screen size 即显示屏幕的实际大小，按照屏幕的对角线进行测量。 为简单起见，Android把所有的屏幕大小分为四种尺寸：小，普通，大，超大(分别对应：small, normal, large, and extra large). 应用程序可以为这四种尺寸分别提供不同的自定义屏幕布局-平台将根据屏幕实际尺寸选择对应布局进行渲染，这种选择对于程序侧是透明的。 2.屏幕长宽比Aspect ratio 长宽比是屏幕的物理宽度与物理高度的比例关系。应用程序可以通过使用限定的资源来为指定的长宽比提供屏幕布局资源。 3.屏幕分辨率Resolution 在屏幕上显示的物理像素总和。需要注意的是：尽管分辨率通常用宽x高表示，但分辨率并不意味着具体的屏幕长宽比。 在Andorid系统中，应用程序不直接使用分辨率。 4.密度Density 根据像素分辨率，在屏幕指定物理宽高范围内能显示的像素数量。 在同样的宽高区域，低密度的显示屏能显示的像素较少，而高密度的显示屏则能显示更多的像素。 屏幕密度非常重要，因为其它条件不变的情况下，一共宽高固定的UI组件（比如一个按钮）在在低密度的显示屏上显得很大， 而在高密度显示屏上看起来就很小。 为简单起见