一个像素里复杂纷扰的世界 文 | 啃先生 Mar.3rd.2016  首发于微信公众号(啃先生) 上一篇发了<[移动适配]移动Web怎么做屏幕适配> 壹 | Fisrt 在CSS的世界里Px是原子操作,我们无法定义边框的宽度是0.5px,最小都是1px.所以有以下结论: 然而,对于精益求精的产品而言,这种认识只是片面的!例如:我做了一个页面,上面只有两条边框,在高清屏(如iPhone5s)上,经过特殊处理的边框比1像素的边框还要细. 因此,在高清屏上,border-width:1px;并不是最…

正统的HTML5 Canvas中如下代码 ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(10, 100); ctx.lineTo(300,100); ctx.stroke(); 运行结果绘制出来的并不是一个像素宽度的线 感觉怎么好粗啊,跟常常见到的网页版各种绘制线效果 很不一样,难道HTML5 Canvas就没想到搞好点嘛 其实这个根本原因在于Canvas的绘制不是从中间开始的 而是从0-1,不是从0.5-1 + 0-0.5的绘制方式,所以 导致f…

参考[http://www.rorydriscoll.com/2012/01/15/cubemap-texel-solid-angle/] 计算diffuse irradiance map或者求解sh系数的时候,需要对整个球面进行积分,由于cubemap不同位置的像素投影到球面上面积不同,所以不能平等的对待所有像素. 这时候就需要计算每个像素对应的solid angle. 如图,单位球位于原点.选取cubemap的一个面,假设其位于z=1的平面上.一个像素的立体角大小就是其投影到球面上的面积.…

参考: Qt Quick 准确的移动平台屏幕适配 qt qml 高宽自动适配android设备 QML 从无到有 (移动适配) 思路:以一个平台分辨率为基准(如320*480),考虑其与其它平台的比例因子,根据比例因子自适应调整. 仅供参考,学习笔记. main.qml 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616…

CSS如何控制DIV实现1像素高度呢?问题看起来很简单,但万恶的IE6会让你很麻烦,不过解决办法很多,本文将介绍最简单的一种:DIV{height:1px;line-height:1px;font-size:0px;overflow:hidden;} 现在设置网页,要兼容各浏览器,比如:IE6.IE7.IE8等,而想设置DIV最小的高度会有些问题,比如在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高…

原始效果地址:http://glslsandbox.com/e#40050.0 是一个的城市高楼感的shader,比较像素风 可以拿来做游戏背景,或者基于这个思路做一些别的效果 这个是我后来找的版本,因为最早那个版本没存,所以大体上有些区别. 下面开始分解这个的做法 大体思路是用一种噪波作为因子,可以是sin,cos或者别的.然后用floor把他转成int形.这样生成出来的图案就是方块 最后加一层循环来做到层叠效果 step1.用sin作为因子,加上简单的时间偏移 fixed4 frag (v2…

想法是在 Canvas 上绘制由小方块组成的数字. 第一步是实现绘制小方块的方法,先画出一个边长为 5 的 10x10 个方块,使用两个 for 循环很简单就能完成. for (let i = 0; i < 10; i++) { for (let j = 0; j < 10; j++) { context.fillRect(5 * i, 5 * j, 5, 5); } } 效果如下: 但是这样一大块黑色不是很好看,可以把小方块的边长减一 ,有显示网格的效果,即: context.fillRec…

You can access the Image pixels in many ways:1. One using the Inbuilt macro2. One using the pointer to the image data3. Getting the raw data from the image. ============================================================Method 1: Using Inbuilt macro:CV_…

如下图,使用局部绘图覆盖后的效果. 减去像素后效果…

通常,读文本我们会使用BufferedReader,它装饰或者说管理了InputStreamReader,同时提供readLine()简化了我们对文本行的读取.就像从流水线上获取产品一样,每当取完一件后,它自动准备好下一件并等待我们获取,一直到全部取完结束.所以我们的目标就是希望也能管理poi并提供一个readLine()一样的方法来读取Excel. 1.先来看一个有点类似Excel读取的文本需求:读取一类文本文件,文中每行内容由若干字段组成,这些字段由约定好的分隔符来分割.说它类似Excel的…