地址:http://www.imooc.com/video/9564 dp(安卓),pt(iphone)是物理像素 ppi是由物理像素确定的 一英寸内有多少个像素渲染,ppi越高,图片越清晰 1px = dpr^2 * dp 这个是不是有问题? 1px = dpr ^2 * dp 是平面上的像素换算,但实际开发当中使用更多的是长度上的换算: 1px = dpr * dp. 所以320px = 640dp 注意这时候320px 是长度不是平面,568px同理. 这个表达的是在CSS里的1px等于多…

px:css pixels逻辑像素,浏览器使用的抽象单位 dp,pt :device independent pixels 设备无关像素 dpr:devicePixelRatio 设备像素缩放比 计算公式:1px=(dpr)2 * dp iphone 5 的dpr等于2 因此:平面上 1px=4*dp  640dp*1136dp 纬度上 1px=2*dp  320px*568px DPI:打印机每英寸可以喷的墨汁点 PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度 在计算机显示设备参数描述上…

问题点1:iphone5分辨率:640 * 1136 dp,为什么chrome浏览器F12中显示的320 *568??         iPhone5 分辨率640 * 1136指的是物理像素,而实际开发中用的px是逻辑像素, px : 逻辑像素,浏览器使用的抽象单位(抽象单位指根据不同设备可以变大变小) dp, dt: 物理像素,与设备无关(物理像素是固定的不会改变) dpr:像素比 ppI越高,像素越高,图像越清晰,系统默认设置缩放比越大 视网膜Retina屏: dpr>=2 计算公式:1p…

…

这篇文章要弄清楚2个问题:一.什么是逻辑像素和物理像素:二.这两者有什么关系. 对于问题一,先抛出两个概念.我们经常使用的px就是逻辑像素,是浏览器使用的抽象单位:物理像素又和dp/pt(设备无关像素).dpr(设备像素缩放比)有关.对于问题二,逻辑像素和物理像素可以通过下面的公式转换:1px=(dpr^2)dp. 那么现在问题来了,对于不同设备,dpr又是多少呢? 我们可以通过下表来确定不同设备的dpr: retina屏dpr都大于等于2. 上面的表格发现ppi,那又是什么东东呢? ppi是物…

接触retina屏 基础知识(移动Web的基础知识)排版布局(高效的移动Web布局)开发效率终端交互优化 pixel像素基础viewport视图viewport_meta标签viewport_coding pt, pxViewport640*960initial-scale=1.0devicePixelRadioppi=√(1136*1136 + 640*640)/4=326ppi 示例:640*1136的图片能不能在iphone5上完全显示?iphone5的分辨率 640*1136iphone…

1.pixel像素基础 1.px:csspixel 逻辑像素,浏览器所使用的抽象单位 2.dp,pt:设备无关像素 3.devicePixelPatio 设备像素缩放比例 2.viewport 1. ios的viewport是980px;普遍 2.安卓不一定 注:为什么不使用默认的980px的布局viewport 原因: 宽度不可控制,不同的系统设备的默认值都可能不同 页面缩小版显示,交互性不友好 链接不可点 有缩放,缩放后又有滚动 例如font-size为40px等于pc上12px同等物理大小…

本书系列 现代3D图形编程学习 OpenGL是什么 在我们编写openGL程序之前,我们首先需要知道什么是OpenGL. 将OpenGL作为一个API OpenGL 通常被认为是应用程序接口(API).OpenGL API有不同编程语言的实现版本.但是,它们最终使用的都是最底层的C语言的接口. 在C语言的API中,定义了很多typedefs,#define,以及函数.typedefs用于定义openGL里面使用到的基本的数据类型,如GLint,GLfloat等. 复杂的数据结构,如struct,…

Java基础常见英语词汇(共70个) ['ɔbdʒekt] ['ɔ:rientid]导向的                             ['prəʊɡræmɪŋ]编程 OO: object-oriented ,面向对象 OOP: object-oriented programming,面向对象编程 [dɪ'veləpmənt][kɪt]工具箱                              ['vɜːtjʊəl]虚拟的 JDK:Java development kit, j…

    目前人工智能Artificial Intelligence主要分为两大分支: 计算机视常见:Computer Vision,简称CV   CV主要是研究如何让机器看懂世界的一种技术,通过各种光学传感器来代替人眼对目标对象进行识别,跟踪和检测,使机器能够处理输入的各种图像和视频. 自然语言处理:Natural Language Processing,简称NLP   NLP主要是研究如何机器读懂世界的一种技术,最终执行如语言翻译.智能客服等.     因为目前所从事的项目都是基于CV的,所以…

1.术语和概念 概念解释 名词 解释 Px (Pixel像素) 不同设备显示效果相同.这里的“相同”是指像素数不会变,比如指定UI长度是100px,那不管分辨率是多少UI长度都是100px.也正是因为如此才造成了UI在小分辨率设备上被放大而失真,在大分辨率上被缩小. Screen Size (屏幕尺寸) 一般所说的手机屏幕大小如1.6英寸.1.9英寸.2.2英寸,都是指的对角线的长度,而不是手机面积.我们可以根据勾股定理获取手机的宽和长,当然还有面积. Resolution (分辨率) 指手机屏…

如果你是一个开始接触移动Web开发的前端工程师,那么你或许也遇到了和我曾经遇到的过问题:有太多新的概念需要掌握,太多相似的概念需要区分.没关系,我将用两篇文章的篇幅来解决这些问题.上篇文章关于解释和区分一些入门级别概念. 这些概念你或许一直在各种场合看到或者听说,好像熟的很,但你真的了解它们背后的含义吗?下篇文章我们就需要用到这些概念,聊一聊移动设备上的图片加载方案.至于响应式设计,已经有太多写的非常好的文章来叙述它们,这次在这里我就不赘述了. 我们先从听说最多一个概念——PPI开始. PPI…

px px(pixel): 像素,是指在由一个数字序列表示的图像中的一个最小单位.在Android中,无论屏幕密度多少,一个像素单位对应一个屏幕像素单位,不会根据屏幕密度自动缩放,因此一般不推荐使用px,某些情况可以用它来画细线. dpi dpi(dots per inch): 指每英寸上的像素,及屏幕像素密度.在不同尺寸的屏幕上,屏幕像素的大小可能不同,1px表示的长度也就不同,所以一般不用px. dp dp(density-independent pixel): 密度无关像素.无论屏幕密度是…

屏幕尺寸 屏幕尺寸是屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米. pixel 像素,它是组成图片的最小单元,代表红绿蓝等各种颜色. dot 点,它是屏幕发光.cmos感光的最小物理单元,水平和竖直的点数量是固定的,点数量越多显示.拍到的图片越细腻,屏幕上每个方向显示的图片像素数量和拍照时每个方向的图片像素数量是可以通过软件设置的,最大像素数量等于点数量. 屏幕点距 是每个点到相邻点之间的中心距离,点距越小则单位距离上点数量越多. 图片分辨率 分辨率是用来表示水平和竖直方向上像素的数量的…

1. 前言 1. 数据驱动 UI WPF 是数据核心.主动的,UI 从属数据并表达数据.是被动的: 不再是 UI 驱动数据,而是数据驱动 UI: 2. 控件的定义 控件.数据内容.行为(控件响应用户操作执行自己的方法或以事件的形式通知应用程序): 1)控件是数据和行为的载体: 2)所以关注控件时应该关注抽象的数据和行为而不是具体的形象, 3)比如符合"能展示内容并相应用户单击"这一抽象概念的 UI 元素都可以是 Button,而具体的样子完全可以通过 Style 和 Template…

1 TextView文本框 1.1 TextView类的结构 TextView 是用于显示字符串的组件,对于用户来说就是屏幕中一块用于显示文本的区域.TextView类的层次关系如下: java.lang.Object   ↳ android.view.View   ↳ android.widget.TextView 直接子类: Button, CheckedTextView, Chronometer, DigitalClock, EditText 间接子类: AutoCompleteTextV…

http://vistaswx.com/blog/article/category/tutorial/page/2 VB6 GDI+ 入门教程[2] GDI+初始化 2009 年 6 月 18 日 7条评论 标签: GdiPlus,vb 分类: Tutorial,VB6 GDI+ 点击下载 vIstaswx VB6 Gdi+ 模块(最后更新 2011/2/8) 现在先让我们了解下GDI+的绘图机制. 1.初始化.关闭GDI+ 我们需要对GDI+进行初始化,才能使用它的各种功能.如果没有初始化,那…

AA(Anti-Aliasing)抗锯齿想必不少玩家在游戏画质设定中经常会遇到,说通俗一点AA抗锯齿的作用:将图像边缘及其两侧的像素颜色进行混 合,然后用新生成的具有混合特性的点来替换原来位置上...    AA(Anti-Aliasing)抗锯齿想必不少玩家在游戏画质设定中经常会遇到,说通俗一点AA抗锯齿的作用:将图像边缘及其两侧的像素颜色进行混 合,然后用新生成的具有混合特性的点来替换原来位置上的点以达到柔化物体外形.消除锯齿的效果.随着图形技术的不断革新,AA抗锯齿的技术也随之在不断的 发…

以A字母开头的词汇 英文 中文 abstract module 抽象模组 access 访问.存取 access control 存取控制 access control information 存取控制资讯 access mechanism 存取机制 access rights 存取权限 accessibility 无障碍性 accessibility information 无障碍网页资讯 accessibility problem 无障碍网页问题 accessible 无障碍的 access…

iOS中: 备注: Retina是一种显示技术,可以将把更多的像素点压缩至一块屏幕里,从而达到更高的分辨率并提高屏幕显示的细腻程度.而其最初该技术是用于苹果的iPhone4上.其屏幕分辨率为960×640(每英寸像素数326ppi).这种分辨率在正常观看距离下足以使人肉眼无法分辨其中的单独像素. 坐标系是用的是点point,而不是pixel像素 旧的iOS设备,不带retina屏幕: iPhone, iPhone3G, iPhone3GS, iPad, iPad 2, iPad mini, an…

为了使UI界面在不同大小的移动端显示器上能够正常显示,大家可能都知道使用sp作为字体大小的单位,dp作为其他元素长度的单位. 前几天看了一篇文章关于 App设计规范的,文章用心写的非常好,这里是链接 http://www.25xt.com/appdesign/10821.html .但是费解的是所有的长度单位都是用px.好吧,""原谅"这位UI设计师良心ps的一张app设计规范图.在UI布局的时候有必要了解一下android设备的适应了. 先来问大家几个问题, 1.andro…

Point: 渲染渲染,神奇的渲染!! ———————————————— 只要你走的足够远,你肯定能到达某个地方. 1"GPU编程" History ————————— //由于笔记我是由印象里面转移过来的,排版上请见谅 想要实现自己的光线?想要渲染出自己的正方体!?那么没错了. 我们需要的东西不是C语言,而是英伟达所提出的 Cg 语言了. GPU 概念于20世纪70年代末80年代初被提出,采用单片集成电路作为图形芯片.[具有高并行结构,更多的ALU] 它能够很快的进行几张图片的合成和…

GDI For VisualBasic6.0 [一]文件下载:GDI+ For VB6[一] 简单绘图实例演示百度网盘 1 '以下为作者[vIsiaswx]的教程 '(该教程发布的原地址已无法访问,此版是流散网络的电子书版复制过来的.如果声明必要,务必与我联系.) ' E-mail : lqx@tyningling.top ' QQ: 1919988942 VB6 GDI+ 入门教程[] GDI+ 介绍 引言:鉴于网上关于 GDI+的教程都是.Net 的,基本上没有 VB6. 的,而这方面又很多…

abstract (关键字)             抽象 ['.bstr.kt] access                            vt.访问,存取 ['.kses]‘(n.入口,使用权) algorithm                     n.算法 ['.lg.riem] annotation                     [java]代码注释 [.n.u'tei..n] anonymous                     adj.匿名的[.'n.…

柠檬学院Java 基础常见英语词汇(共 70 个)OO: object-oriented ,面向对象 OOP: object-oriented programming,面向对象编程JDK:Java development kit, java 开发工具包 JVM:java virtual machine ,java 虚拟机Compile:编绎 Run:运行 Class:类 Object:对象System:系统 out:输出 print:打印 line:行variable:变量 type:类型 op…

abstract (关键字) 抽象 ['.bstr.kt] access vt.访问,存取 ['.kses]'(n.入口,使用权) algorithm n.算法 ['.lg.riem] annotation [java]代码注释 [.n.u'tei..n] anonymous adj.匿名的[.'n.nim.s]' (反义:directly adv.直接地,立即[di'rektli, dai'rektli]) apply v.应用,适用 [.'plai] application n. 应 用 ,…

3-认识主界面 # 主界面包括: 菜单栏.选项栏.工具栏.面板.图像编辑窗口(中间)和状态栏(底部): # 界面设置: 方法1:Ctrl+k:打开界面设置; 方法2:编辑-首选项-界面 # shift+油漆桶工具:可改变绘图板周边的颜色 # Alt+滚轮:可缩放画板,但是速度较慢 # shift+Alt+滚轮:可缩放画板,但是速度较快 # Ctrl+滚轮:可调整下面滚动条,左右移动 # shift+滚轮: 可调整右边滚动条,上下移动 # 鼠标左键按住左下角:可出现高度.宽度.通道和分辨率等信息…

ZBrush®其实就是一个带有三维特性的二维软件,它不仅具有绘制二维图像的功能,而且也具有对三维物体进行编辑的功能,就是所谓的2.5D(Pixol技术). 学习ZBrush之前有必要了解一下2.5D的概念,什么叫2.5D呢?说的通俗点,ZBrush就是一个带有三维特性的二维软件.它不仅具有绘制二维图像的功能,而且也具有对三维物体进行编辑的功能,就是所谓的2.5D(Pixol技术). 然而,ZBrush软件采用的Pixol技术能够使进行概念设计的设计师们以最接近现实雕塑的方式更为直观和便捷地进行三…

餐具:coffee pot 咖啡壶coffee cup 咖啡杯paper towel 纸巾napkin 餐巾table cloth 桌布tea -pot 茶壶tea set 茶具tea tray 茶盘caddy 茶罐dish 碟plate 盘saucer 小碟子rice bowl 饭碗chopsticks 筷子soup spoon 汤匙knife 餐刀cup 杯子glass 玻璃杯mug 马克杯picnic lunch 便当fruit plate 水果盘toothpick 牙签中餐:bear's…

”“”K-Means to realize Image segmentation “”“ import numpy as np import PIL.Image as image from sklearn.cluster import KMeans #Define loadDato to solve my image def loadData(filePath): f = open(filePath,'rb')#deal with binary data = [] img = image.ope…