http://blog.csdn.net/u010462297/article/details/50589991 引言 在某些情况下会需要用到多层绘制。FBO下有多个颜色挂接点（Color Attachment），可以用不同的挂接点挂接不同的纹理对象，实现绘制多张纹理（MRT），这在之前的文章里已经有所描述。但是有时候这种方法是不够好用的： - 当纹理非...
Less（初步了解） 1.less是一门css的预处理语言。 2.less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式。 3.在less中添加了许多的新特性，像对变量的支持、对mixin的支持。 4.less的语法大体上和css语法一致，但是less中增添了许多对css的扩展，所以浏览器无法直接执行less代码，要执行必须向将les...
视口变换主是将视景体内投影的物体显示到二维的视口平面上. 在计算机图形学中,它的定义是将经过几何变换, 投影变换和裁剪变换后的物体显示于屏幕指定区域内. 前面我们讨论过的透视投影, 正射投影, 它们都会产生一个视景体, 利用Viewport()函数, 就可以把这些视景体内投影的物体显示到屏幕指定的区域内. 默认情况下, 视口就是你用来绘制3D图像的整个矩形...
QGraphicsView提供一个显示QGraphicsScene内容的窗口，该窗口可以滚动，可以在构造时候把场景对象作为参数，或者之后使用setScene()来设置view的场景，然后调用了show()函数后，view就可以默认的在场景的中心，显示item，例如 QGraphicsScene scene; scene.addText("Hello,...
现在HTML5前端不仅仅局限于PC端，HTML5前端还可以实现移动端，实现微信等等，传统的布局单位px，不能是达到自适应的学校过，那么移动端布局有哪些方式呢? 媒体查询 + rem单位布局 说道这个布局，，那么我们首先得了解什么是媒体查询，rem是什么？ 媒体查询：媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定...
在做项目时碰到了要在页面上显示一个浮动DIV层的效果。本来做的是在页面居中时显示的，但后来经过自己的测试发现，当网页中出现了滚动条之后，那个浮动的DIV却还是在页面的顶部显示的。因此当用户在一个较长内容的网页中点击某一个按钮显示DIV层会发现没有任何效果(其实已经在页面的顶部显示了)，因此，我们需要准备的知道用户当前的浏览的位置的信息。在实现这个要求之前，...
World：世界坐标系，又称世界空间。位于各视口左下角的图标，显示了世界坐标系的方向，其坐标原点位于视口中心。该坐标系永远不会变化。Screen：屏幕坐标系，此时将使用活动视口屏幕作为坐标系。在活动视口中，x轴将永远在视图的水平方向并且正向向右，y轴将永远在视图的垂直方向并且正向向上，z轴将永远垂直于屏幕并且正向指向用户。View：视图坐标系，它混合了世界...
1，概念的认识 rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数; vw:相对于视口的宽度。视口被均分为100单位的vw; vh:相对于视口的高度。视口被均分为100单位的vh; vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax; vmin:相对于视口的宽度或高度中较小的那个。其中最...
前言 分享两个监测元素是否在视口内的方法 1. 位置计算 使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置 const isElementVisible = (el) => {const rect = el.getBoundingClientRect();}; 获取浏览器窗口的宽高 const isE...
目录 1.像素css像素：编写网页时，我们所用像素都是css像素 2.视口： 3.移动端的像素 3.1完美视口通过视口来调整像素比 3.2手机端元素布局 使用vw（视口宽度）来布局 使用rem来布局 页面的设计图像素设置 1.像素 屏幕是由一个一个发光的小点构成，这一个个小点就是像素 分辨率：1920*1080 说的是屏幕...