颜色模型

css盒子模型

て烟熏妆下的殇ゞ 提交于 2020-04-04 17:57:09
盒子模型   盒子模型就是把HTML 页面中的元素看作是一个矩形的盒子,也就是一个盛装盒子的容器,每个矩形都是由元素的内容、内边距(padding)、边距(border)和外边距(margin)组成。 <div>标记    div是英文 division 的缩写,意为“分割、区域”。<div>是一个区块容器标记,可以将网页分割为独立的、不同的部分,以实现网页的规划和布局。大多数 HTML 标签都可以嵌套在 <div> 中,<div> 中还可以嵌套多层<div>。 盒子的宽与高 边框属性 设置内容 样式属性 常用属性 边框样式 border-style:上边[右边 下边 左边]; none 无(默认)、solid 单实线、dashed 虚线、dotted 点线、double 双实线 边框宽度 border-width:上边[右边 下边 左边]; 像素值 边框颜色 border-color:上边[右边 下边 左边]; 颜色值、#十六进制、rgb(r%,g%,b%) 综合设置边框 border:四边宽度 四边样式 四边颜色 圆角边框 border-radius:水平半径参数/垂直半径参数; 像素值或百分比 图片边框 border-images:图片路径 裁切方式/边框宽度/边框扩展距离 重复方式; 1.边框样式(border-style)   其基本语法格式:border-style

颜色模式

前提是你 提交于 2020-04-04 03:11:06
颜色模型就是指某个三维颜色空间中的一个可见光子集,它包含某个颜色域(使用颜色的领域)的所有颜色。 RGB颜色模型 RGB(Red, Green, Blue)颜色模型通常使用于彩色阴极射线 管等彩色光栅图形显示设备中,彩色光栅图形的显示器都使用R、G、B数值来驱动R、G、B 电子枪发射电子,并分别激发荧光屏上的R、G、B三种颜色的荧光粉 发出不同亮度的光线,并通过相加混合产生各种颜色;扫描仪也是通过吸收原稿经反射或透射而发送来 的光线中的R、G、B成分,并用它来表示原稿的颜色。 RGB颜色模型称为与设备相关的颜色模型 , RGB颜色模型所覆盖的颜色域取决于显示设备荧光点的颜色特性,是与硬件相关的 。它是我们使用最多,最熟悉的颜色模型。它采用三维直角坐标系。红、绿、蓝原色是加性原色,各个原色混合在一起可以产生复合色。如图所示。 RGB颜色模型通常采用如图所示的单位立方体来表示。在正方体的主对角线上,各原色的强度相等,产生由暗到明的白色,也就是不同的灰度值。(0,0,0)为黑色,(1,1,1)为白色。正方体的其他六个角点分别为红、黄、绿、青、蓝和品红。 HSV颜色模型 每一种颜色都是由色相(Hue,简H),饱和度(Saturation,简S)和色明度(Value,简V)所表示的。HSV模型对应于 圆柱坐标系中的一个圆锥形子集,圆锥的顶面对应于V=1。它包含RGB模型中的R=1,G=1,B

OpenGL学习

瘦欲@ 提交于 2020-03-27 09:06:06
1. 常识 static GLint vertices[] = { 25, 25, 100, 325, 175, 25, 175, 325, 250, 25, 325, 325 };//这些坐标,画的时候都是相对于屏幕右下角 PS:如果修改了窗口的内容,就需要调用glutPostRedisplay(); PS:窗口在创建的时候就发生了窗口大小的改变,所以要调用glutReshapeFunc, 可以看到每次窗口变化都调用了其中的代码 2. OpenGL简介 PS:接口包含函数700多个 PS:OpenGL也没有提供包含三维物体的高级函数,只能通过使用为数不多基本图元(点、直线、多边形)来创建 PS:OpenGL的工具库(GLU)提供了许多建模的功能,例如二次曲面以及Nurbs曲线和曲面 1.1 OpenGL对场景中图形渲染的步骤 1.创建几何图元,创建图形,建立数学描述 2.在三维空间中排列物体,并选择观察符合场景的有利视角 3.计算所有物体的颜色( 可以由 程序决定、光照和物理纹理贴图 , 或者是三者的结合 ) 4.把物体的数学描述和物体的相关颜色信息转换成屏幕上的像素 PS:OpenGL也是C/s的模式 2.1 几个简单的概念 PS:渲染,是计算机根据 模型 创建图形的过程 模型,是根据 几何图元 创建的,也叫物体 几何图元 ,包括点、直线和多边形,他们是通过顶点指定的 像素-

汇总css布局模型和常见代码缩写与长度单位

自古美人都是妖i 提交于 2020-03-07 00:19:45
知识点一:css布局模型:布局模型是建立在盒模型基础之上,在网页中,元素有三种布局模型:1.流动模型(Flow)2.浮动模型 (Float)3.层模型(Layer)。 一、流动模型:默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的‘;特征1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,原因?默认状态下,块状元素的宽度都为100%,导致块状元素都会以行的形式占据位置。特征2.内联元素都会在所处的包含元素内从左到右水平分布显示。 二、浮动模型:块状元素独占一行,如果想让两个块状元素并排显示,怎么办呢?通过浮动使元素脱离默认文档流。 拓展阅读: float布局打破标准流,神助攻clear清浮动 三、层布局模型:层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样,每个图层能够精确定位操作,但在网页设计领域,由于网页大小的活动性,层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。如何让html元素在网页中精确定位,就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>流动模型、浮动模型</title> 6 <style type=

Phong光照模型

血红的双手。 提交于 2020-03-06 04:48:52
基本概念   什么是光照模型?根据光学物理中的有关规律,计算出物体表面上任何一点投向观察者眼中的光的亮度大小和色彩组成的公式,从而在显示器上生成所显示的真实感图形。 简单光照模型假设物体不透明,那么物体表面呈现的颜色仅由其反射光决定。反射光由环境反射、漫反射和镜面反射。 所以Phong光照模型的计算公式如下: 给出一张效果图,Phong使得二维图片有了立体感和真实感。 Phong光照模型存在的问题 显示出的物体(如塑料)没有质感 环境光是常量,没有考虑物体之间的发射光 镜面发射的颜色是光源颜色,与物体的材料无关 镜面发射的计算在入射角很大时会产生失真 来源: CSDN 作者: 阿兵-AI医疗 链接: https://blog.csdn.net/webzhuce/article/details/104683287

HTML颜色

主宰稳场 提交于 2020-03-02 04:29:17
目录 RGB模型(三原色模型) HTML颜色 常用颜色值表 24比特模式 16色模式 RGB模型(三原色模型) HTML的颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成,简称RGB。 每种颜色的最小值是0(十六进制:#00)。 每种颜色的最大值255(十六进制:#FF)。 HTML颜色 HTML三种颜色 红、绿、蓝的组合从0-255,一共有约1600(256*256*256)万种不同颜色。 下图摘选自W3C 常用颜色值表 下面给出维基百科中的两个颜色值表 24比特模式 16色模式 来源: CSDN 作者: alicomon 链接: https://blog.csdn.net/QQQZSJ/article/details/104572079

HSV颜色模型及颜色分量

佐手、 提交于 2020-03-01 19:18:37
HSV颜色模型 HSV(Hue, Saturation, Value)是根据颜色的直观特性由A. R. Smith在1978年创建的一种颜色空间, 也称六角锥体模型(Hexcone Model)。、这个模型中颜色的参数分别是:色调(H),饱和度(S),亮度(V)。 色调H:用角度度量,取值范围为0°~360°,从红色开始按逆时针方向计算,红色为0°,绿色为120°,蓝色为240°。它们的补色是:黄色为60°,青色为180°,品红为300°; 饱和度S:取值范围为0.0~1.0; 亮度V:取值范围为0.0(黑色)~1.0(白色)。 RGB和CMY颜色模型都是面向硬件的,而HSV(Hue Saturation Value)颜色模型是面向用户的。 HSV模型的三维表示从RGB立方体演化而来。设想从RGB沿立方体对角线的白色顶点向黑色顶点观察,就可以看到立方体的六边形外形。六边形边界表示色彩,水平轴表示纯度,明度沿垂直轴测量。 HSV颜色分量范围 一般对颜色空间的图像进行有效处理都是在HSV空间进行的,然后对于基本色中对应的HSV分量需要给定一个严格的范围,下面是通过实验计算的模糊范围(准确的范围在网上都没有给出)。 H: 0— 180 S: 0— 255 V: 0— 255 此处把部分红色归为紫色范围: HSV六棱锥 H参数表示色彩信息,即所处的光谱颜色的位置。该参数用一角度量来表示,红

Photoshop设计精讲精练笔记

时间秒杀一切 提交于 2020-03-01 13:00:05
第一章 PS设计基础 1.1 工作区和工作流程 Photoshop 初步掌握PS的工作环境,工作流程以及基本特色,对于怎样使用PS有基本的体会,尽管现在市面上有各式各样的修图软件,PS仍然是最主流的数字图像处理软件。 面板和工作区: 三大部分,最左边是工具区,“<<”键用于切换两列/一列。上边是工具选项面板,随工具变换而变换;下边是各式面板;中间是图像文档操作区 右上角是管理面板,可以复位为”基本功能“;组合出自己趁手的工作区并将新建工作区保存为自己的工作区。 案例:通过三种方式调整人像照片亮度 第一种:图像菜单,调整选项,选择亮度/对比度调整,粗略,不对应准确的信息 第二种,图像菜单,调整选项,选择色阶。数值有具体的指代,‘200’就是指导原图200以上的色阶,调整为白色,极大增亮原图亮度。 第三种:获取图像亮度选区+混合模式,较为复杂。 按住ctrl键,点击通道RGB的缩略图或是这张图的亮度选区。然后回到图层面板,将亮度选区新建为一个新的图层。 或使用ctrl+J,对图层混合模式进行更改,改为“绿色”。这种方式更为精确。通过这种方式改的图片,原图无白色,即无白色或过曝效果,复制几层得到更大亮度提升。 工作区的操作和使用:手动排列文档窗口,点击按住鼠标,若出现蓝色条,松手,文档会重新排列。 排列文档窗口菜单命令:窗口菜单,排列选项,选择拼接。 三种屏幕模式

盒子模型

血红的双手。 提交于 2020-02-15 22:44:16
CSS盒模型及其应用 盒子模型(重点) 认识盒子模型组成 盒子边框(border) 边框综合写法 合并细线表格 圆角边框(CSS3) 盒子内边距(padding) 外边距以及盒子居中对齐 外边距实现盒子居中 清除内外边距 外边距合并 **相邻元素垂直外边距的合并** content宽度和高度 案例: 盒子模型的布局稳定性 CSS3盒模型 盒子阴影 盒子模型(重点) 认识盒子模型组成 通过一张图体会盒子模型 所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此每个盒子除了有自己大小和位置外,还影响着其他盒子的大小和位置。 盒子边框(border) 边框通俗来说指的就是橘子皮,柚子皮。 语法: border : border-weight || border-style || border-color 边框属性—设置边框样式(border-style) 边框样式用于定义页面中边框的风格,常用属性值如下: none:没有边框即忽略所有边框的宽度(默认值) solid:边框为单实线(最为常用的) dashed:边框为虚线 dotted:边框为点线 double:边框为双实线 边框综合写法 设置内容 样式属性 常用属性值 上边框 border-top-style:样式; border-top-width

图形渲染管线简介

元气小坏坏 提交于 2020-02-14 13:58:34
The Graphics Rendering Pipeline 渲染管线,这章主要讲光栅化渲染管线。 毕业前实习时,也实现过一个简单的软光栅化渲染管线,再复习一下。 在计算机图形学领域,shading指基于表面相对灯光的角度、距灯光的距离、相对于相机的角度和材质的属性等来修改物体/表面/多边形的颜色,进而创造一个具有真实感效果的过程。 In computer graphics, shading refers to the process of altering the color of an object/surface/polygon in the 3D scene, based on things like (but not limited to) the surface's angle to lights, its distance from lights, its angle to the camera and material properties (e.g. bidirectional reflectance distribution function) to create a photorealistic effect. Shading is performed during the rendering process by a program called a