Hexo之更换背景及透明度 Hexo系列文章已经完成上传: 一、Hexo准备—Node.js、Vue 二、Hexo、主题、部署上线 三、Butterfly美化 四、Hexo之更换背景及透明度...修改透明度 将以下代码复制到你所创建的css文件,引入即可。.../* 文章页背景 */ .layout_post>#post { /* 以下代表透明度为0.5 可以自行修改*/ background: rgba(255,255,255,.5); }...2.透明度为0.5 .layout_post>#post { background: rgba(255,255,255,.5); } ?...更换博客背景 1.背景div butterfly主题的背景div的id为web_bg,因此我们只需要重新定义这个样式即可。
除此之外,还会有一个A(透明度,Alpha)来描述颜色。在颜色的描述中,如果该值为0表示完全透明,如果该值为255,表示 不透明。 通过设置Windows的alpha属性也可以设置对话框的透明度。...在本例中加了一个背景图像,将同时显示了两个对话框(一个是半透明的,另一是不透明的)。 1 // 显示透明的对话框 2 4....WindowManager.LayoutParams lp = window.getAttributes(); 6 8. // 设置透明度为0.3 7 9.
] 2、点击[图片] 3、点击[填充] 4、点击[颜色] 5、点击[确定] 6、点击[边框] 7、点击[无轮廓] 8、点击[设置形状格式] 9、点击[填充] 10、点击[透明度
rgba(新的颜色值表示法) 1、盒子透明度表示法: .box { opacity:0.1; /* 兼容IE */ filter:alpha(opacity...=10); } 接着上面的代码示例,写个透明度的效果来看看,如下: ?...2、rgba(0,0,0,0.1) 前三个数值表示颜色,第四个数值表示颜色的透明度 ? 可以看出,rgba这种方式就是再设置一个背景色,并且可以控制透明度,而不会去影响文字内容。...前三个0 就是设置了黑色,最后一个参数 1 就是设置透明度。现在设置为 0.3 看看。 ? 设置了透明度为 0.3 之后, div的背景色就变为了灰色,但是不会影响中间的文字颜色。
首先说一下我们这个要实现的圆环进度动画,有三个特点: 1、背景是透明的,所以用遮挡实现的方法就不用考虑了; 2、圆环颜色是有透明度的,所以用两个半圆环实现大于180度的圆环效果不能有叠加部分; 3、最好用纯
这个效果可以拆分为3个效果: 底层静态图 上层放大 上层半透明 进而拆分为2个组合: 底层静态图 上层不断放大,并且随着放大增加透明度 视频灵魂出窍 根据静态图的灵魂出窍效果,可以知道,上层的灵魂出窍效果是根据原图而来的...+ "uniform sampler2D uSoulTexture;" + "void main() {" + // 透明度...// 透明度[0,0.4] float alpha = 0.6 * (1.0 - progress); // 缩放比例[1.0,1.5] float scale = 1.0 + (1.5 - 1.0)...soulY); // 获取对应放大纹理坐标下的像素(颜色值rgba) vec4 soulMask = texture2D(uSoulTexture, soulTextureCoords); 首先,计算透明度...根据外面计算得到的 progress ,慢慢降低透明度,最大透明度为0.6。 然后,计算缩放后的坐标。随着 progress 的增加,scale 越大。最大放大1.5倍。
清除溢出(超出div大小的部分) position 定位 对文档流的影响 z-index 层级 opacity 标签整体透明度 去掉li 前面的标识 文本垂直居中 单行文本居中 作业案例 关于自适应(...color: red; color: #ffffff; color: rgb(0,0,0); color: rgba(0,0,0,0); 最后一个参数a只能调节颜色透明度...、边框属性、圆角 div{ ------------背景属性-------- 背景颜色 color: white; background-color: black...input type="text" id="d2"> opacity 标签整体透明度...p{ opacity: 0.4; 可以调节颜色、字体等属性的透明度 } 去掉li 前面的标识 li{ list-style: none; 或 list-style-type
WindowStyle LibGdx提供给我们一个专门处理游戏弹框的控件 - Window控件 API定义:一个构造window控件模板样式,用确定window控件的表现形式, 特点:1.AlertDialog...title, WindowStyle style) 常用方法: 1.draw (SpriteBatch batch, float parentAlpha) 绘制窗口的方法,第一个参数是画笔,第二个参数是透明度
libGDX使用OpenGL ES ,分为两个版本 OpenGL ES 1.x 和 OpenGL ES 2.0,1.x 的图片大小必须是2的整次数幂,而 2.0 无此要求。...libgdx 早期使用OpenGL ES 1.x , 用高版本libgdx就不用管图片分辨率问题了。...sprite.setPosition(150,150) 5.绘制颜色:sprite.setColor(1,0,1,1) 6.绘制函数:sprite.draw(SpriteBatch) 清屏 // 设置背景颜色
所以许多相同纹理可以一起描述并一起送入GPU,这就是libgdx SpriteBatch类所要做的。...Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT); // 清屏 Gdx.gl.glClearColor(0.5f, 0.5f, 0.5f, 1); // 设置屏幕背景为灰色...dispose() { texture.dispose(); batch.dispose(); } } MyGame代码段中,image03.png 图片需要保存在 assets 文件夹内,这是有libgdx...文件模块设计决定的 Gdx.files是libgdx的文件模块,主要提供以下5大功能: 读取文件 写文件 复制文件 移动文件 而获取操作文件的FileHandle有5种方法: 1) Classpath...texture, 10, 10); // 绘制region 最后,在dispose中销毁资源 texture.dispose(); batch.dispose(); 参考推荐: android游戏开发框架libgdx
又作纹理采样输入,如果底图作为输入传入Fragment Shader,则当前FBO需要绑定另一个texture作为输出,否则会出现黑色和黑块的兼容性问题。...如果混合区域覆盖全图,可以用FBO绑定一个空的texture作为输出,同时原始底图传入Fragment Shader作为输入;如果混合区域只占全图的一部分,那么就需要首先复制一份底图纹理并绑定到FBO作为输出...alpha,即RGB_new = RGB * alpha,但是因为Bitmap在解码时已经做了一次预乘,所以最后源色的比例实际为RGB_new = RGB * alpha * alpha,比如在白色的透明度为...举个例子,假设背景为蓝色,近处有一块红色玻璃,中间有一个绿色物体。...我们首先绘制了蓝色背景,然后绘制红色半透明玻璃,它会先和蓝色背景进行混合,最后再绘制中间的绿色物体时,因为绿色物体在蓝色背景前面,此时绿色物体会被绘制,但是因为它是不透明的,所以绿色物体会直接覆盖掉红色玻璃和蓝色背景混合的效果
FBO Frame Buffer object 为什么要用FBO 我们需要对纹理进行多次渲染采样时,而这些渲染采样是不需要展示给用户看的,所以我们就可以用一个单独的缓冲对象(离屏渲染)来存储我们的这几次渲染采样的结果...渲染方式 渲染到纹理(Texture)- 图像渲染 渲染到缓冲区(Render)- 深度测试和模板测试 FBO纹理的坐标系 ? 渲染到纹理 ? 创建FBO的步骤: //1....创建FBO纹理 fboTextureId = createTexture(); //4...., 0); 使用FBO的步骤: //1....void onDrawFrame() { //清空颜色 GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT); //设置背景颜色
// 4、申请并绑定帧缓冲区对象 FBO。FBO 本身不能用于渲染,只有绑定了纹理(Texture)或者渲染缓冲区(RBO)等作为附件之后才能作为渲染目标。...glGenFramebuffers(1, &_frameBuffer); // 创建 FBO。...// 将 RBO 绑定为 FBO 的一个附件,绑定后,OpenGL 对 FBO 的绘制会同步到 RBO 后再上屏。...new RuntimeException("unable to initialize EGL14"); } // 定义 EGLConfig 属性配置,定义红、绿、蓝、透明度...mEGLContext = null; } } public void render() { mProgram.use(); // 设置帧缓存背景色
在这篇文章主要用到的知识点有如下,建议先看一下: OpenGLES绘制图片纹理 OpenGLES顶点缓冲VBO OpenGLES帧缓冲FBO 有一个渲染流数据的相关的示例,也可以看一下,这样对本篇理解就会很简单...ES生成纹理 2.OpenGL ES创建SurfaceTexture并绑定 3.OpenGL ES摄像头预览 比如美颜相机那些,处理摄像头数据展示出来,为了提高预览的效率,所以这里使用了VBO和FBO...FBO所需的glsl: vertex_shader.glsl attribute vec4 av_Position;//顶点位置 attribute vec2 af_Position;//纹理位置 varying...处理,然后拿到fbo的纹理id渲染即可: @Override public void onDrawFrame() { //调用触发onFrameAvailable...surfaceTexture.updateTexImage(); //清空颜色 GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT); //设置背景颜色
这个阶段也会检查物体透明度的alpha值并对物体进行混合(Blend)。 为什么OpenGL渲染比较快?...FBO 帧缓冲对象(Frame Buffer Object),OpenGL渲染操作的输出目的地,FBO可以创建多个,ID为0的FBO会立即显示在屏幕上。
一、业务背景开发 Ozon 相关跨境系统时,普遍面临这些业务痛点:商品大量存在多变体 SKU,每个规格独立价格、图片、库存,人工整理极易发生 SKU 错乱、规格丢失;平台主体语言为俄语,标题、描述、属性全部为俄文...,采集后做跨平台铺货需要文本预处理;库存分为 FBO 平台仓、FBS 自发货仓库,多仓库分开统计,需要区分可售、锁定占用库存;做竞品监控需要定时抓取价格、销量、评分,生成历史快照,人工浏览页面无法完成常态化巡检...区分 FBO/FBS 双仓库库存 Ozon 分为平台仓 FBO、自发货 FBS,接口会分开返回库存;业务需要读取available_stock真实可售库存,注意区分锁定预留库存,避免误判现货情况。...俄罗斯选品分析:结合评分、评论数量、30 天销量、FBO/FBS 库存,评估赛道竞争热度。商品情报归档:保存商品历史快照,复盘俄罗斯市场价格走势,做类目调研。...九、小结Ozon 商品详情 API 是俄罗斯跨境系统重要的数据来源,开发难点集中在变体解析、FBO/FBS 多仓库存处理、俄语文本编码、图片防盗链、类目映射、接口限流管控。
mix-blend-mode:我们通常称之为混合模式,利用混合模式将多个图层混合可以得到一个新的效果,mix-blend-mode 描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。...isolated group and because render surfaces don't support preserve-3d(because they render into separate FBO...意思大概是:当我们使用 CSS 混合模式的时候,堆叠上下文会重新对这个使用了混合模式的元素的根节点处创建一个独立的渲染平面,但是很可惜,这个渲染平面是不支持 preserve-3d 的(因为它们渲染到单独的FBO...上文中的 FBO 是什么? 上文的 FBO 准确而言是什么我也无法 100% 确定,推测应该是 Frame Buffer Object,帧缓存对象,存在于显存中。...各种三维场景现在渲染到屏幕上都是先放到一个 FBO 中,可以理解为一张离屛图片,用于加速渲染。
这个阶段也会检查alpha值(alpha值定义了一个物体的透明度)并对物体进行混合(Blend)。...GLSurfaceView的onDrawFrame回调中,默认是绑定了window系统生成的FBO的,这个FBO对应屏幕显示,即0号FBO。...只要我们中间不切换FBO,所有的glDrawArray或glDrawElements指令调用都是将目标渲染到这个0号FBO的。...下面我们来看看如何生成一个中间FBO并绑定到一个纹理图像,这样第一个着色器程序的输出并不直接渲染到屏幕,而是渲染到此FBO绑定的纹理上,然后此纹理再作为灰度图着色器程序的输入,最终渲染到屏幕FBO上。...生成FBO并将其绑定到一个纹理的代码如下: ? 经过上面的代码后,着色器程序的渲染输出都会定位到新生成的FBO上。
Audio接口简介 1.LibGdx提供的音频方式,有三种,但是游戏中主要使用两种,Sound Music 2.枪声,按键声,这些短促,播放频率高的可以使用Sound实现。...3.背景音乐,等时间长的,则使用Music来实现。 4.第三种则是直接写PCM数据,AudioDevice(不懂什么是PCM的自行Google) 5.支持的格式:MP3 OGG WAV 等。