面试总结 - 离屏渲染

最新推荐文章于 2023-05-25 15:23:59 发布
最新推荐文章于 2023-05-25 15:23:59 发布
阅读量248 收藏
点赞数
分类专栏： 面试总结
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songzhuo1991/article/details/104883764
版权
如何检测离屏渲染？

1、模拟器debug-选中color Offscreen - Renderd离屏渲染的图层高亮成黄 可能存在性能问题
2、真机Instrument-选中Core Animation-勾选Color Offscreen-Rendered Yellow

离屏渲染的触发方式

  • 圆角 （maskToBounds并用才会触发）
  • 图层蒙版
  • 阴影
  • 光栅化
为什么要避免离屏渲染?

离屏渲染是在GPU上产生的,会触发openGL的多通道渲染管线,造成了额外的开销.有可能会导致cpu+gpu>16.7ms内不能完成一帧的计算,会导致屏幕的卡顿或掉帧.
离屏渲染会开辟新的缓存区,会进行上下文的切换,增加GPU的渲染时间,有可能会导致屏幕卡顿.

离屏渲染消耗性能的原因

需要创建新的缓冲区
离屏渲染的整个过程，需要多次切换上下文环境，先是从当前屏幕（On-Screen）切换到离屏（Off-Screen）；等到离屏渲染结束以后，将离屏缓冲区的渲染结果显示到屏幕上，又需要将上下文环境从离屏切换到当前屏幕

玉树临风你卓哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DirectX 11 学习笔记-Demo-01
Zealot_Alie的博客
09-08 599
前言  这个Demo包含了《Introduction to 3D Game Programming with Directx 11》前12章的内容，我将它们都整合到同一个Demo中。学习的过程中还是建议循序渐进，按照书本的介绍进行练习。  另外，我不会详细介绍代码的每一部分，所以如果希望学习相关内容，可以结合书本阅读源码。  Demo源码可以在GitHub上获取 https://github...
【OpenGL ES】离屏渲染
03-30
本资源使用 OpenGL ES 的 FBO 技术实现离屏渲染，使用 ImageView 显示离屏渲染后的图片（将原图片变灰）。博客见：https://zhyan8.blog.csdn.net/article/details/123749012
【OpenGL ES】EGL+FBO离屏渲染
04-01
本资源实现了将彩色图片转换为灰色，并且使用 ImageView 显示转换后的图片。案例使用 EGL 代替 GLSurfaceView 生成 OpenGL ES 的渲染环境，并结合FBO实现离屏渲染，将渲染后的图片显示在 ImageView 上。博客见：https://zhyan8.blog.csdn.net/article/details/123887797
iOS设置圆角阴影 避免离屏渲染
08-26
主要为大家详细介绍了iOS设置圆角阴影，避免离屏渲染，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
图像绘制与离屏渲染
07-04
图像绘制与离屏渲染
IOS 性能优化中离屏渲染
09-01
本文主要介绍了IOS 性能优化中离屏渲染的资料，提供了几种方法讲解了优化，有需要的小伙伴可以参考下
数据可视化-Echarts
ximingx
05-25 3444
需要注意的是，ECharts的渲染原理是基于浏览器的Canvas或SVG技术实现的，因此在使用ECharts时，需要确保浏览器支持Canvas或SVG技术，并且需要注意图表的性能和兼容性问题。SVG 和 Canvas 这两种使用方式在技术上是有很大的差异的，EChart能够做到同时支持，主要归功于 ECharts 底层库 ZRender 的抽象和实现。在绘制渲染阶段，ECharts会根据布局计算阶段的结果，使用Canvas或SVG等技术，将图表的各个组件和数据绘制出来。具体来说，可以在事件处理函数中调用。
离屏渲染
weixin_30362801的博客
12-14 113
1、圆角使用UIImageView装载一个圆角图片来处理。 @implementation UIImage (RoundedCorner) - (UIImage *)imageWithRoundedCornersAndSize:(CGSize)sizeToFit andCornerRadius:(CGFloat)radius { 　　 ...
echarts图片渲染.zip
07-24
echarts,动态生成图片工具，生成柱状图，饼状图，雷达图等。
离屏渲染学习笔记
qq_16379603的博客
08-11 582
一、概念理解 OpenGL中，GPU屏幕渲染有以下两种方式： On-Screen Rendering 意为当前屏幕渲染，指的是GPU的渲染操作是在当前用于显示的屏幕缓冲区中进行。 Off-Screen Rendering 意为离屏渲染，指的是GPU在当前屏幕缓冲区以外新开辟一个缓冲区进行渲染操作。 二、离屏渲染的是是非非 相比于当前屏幕渲染，离屏渲
【图形学】渲染管道 渲染管线 渲染流程 渲染流水线
yizhenlei的专栏
04-29 7766
》渲染管线是指在显示器上为了显示出图像而经过的一系列必要操作； 》GPU的渲染管线就是告诉GPU一堆数据，最后得出来一副二维图像，而这些数据就包括了”视点、三维物体、光源、照明模型、纹理”等元素。  》渲染管线主要分为三个阶段：应用程序阶段、几何阶段、光栅阶段。 》根据顶点坐标变换的先后顺序，主要有如下几个坐标空间：Object space，模型坐标空间；World spac
iOS 性能优化面试题（什么是 离屏渲染？什么情况下会触发？该如何应对？）
小丑鱼
11-20 749
什么是离屏渲染？什么情况下会触发？该如何应对？ 离屏渲染就是在当前屏幕缓冲区以外，新开辟一个缓冲区进行操作。 离屏渲染出发的场景有以下： 圆角 （maskToBounds并用才会触发） 图层蒙版 阴影 光栅化 为什么要避免离屏渲染？ CPUGPU在绘制渲染视图时做了大量的工作。离屏渲染发生在GPU层面上，会创建新的渲染缓冲区，会触发OpenGL的多通道渲染管线，图形...
iOS 离屏渲染探究
yinshipin007的博客
03-18 643
这是在WWDC的Advanced Graphics and Animations for iOS Apps（WWDC14 419）中有这样一张图，我们可以看到，在Application这一层中主要是CPU在操作，而到了Render Server这一层，CoreAnimation会将具体操作转换成发送给GPU的draw calls（以前是call OpenGL ES，现在慢慢转到了Metal），显然CPU和GPU双方同处于一个流水线中，协作完成整个渲染工作。这样下次需要再次渲染的时候，就可以直接拿来使用了。
关于iOS离屏渲染的深入研究
yinshipin007的博客
03-15 180
这样一来又只能另外申请一块内存，把本体内容都先画好，再根据渲染结果的形状，添加阴影到frame buffer，最后把内容画上去（这只是我的猜测，实际情况可能更复杂）。在tableView或者collectionView中，滚动的每一帧变化都会触发每个cell的重新绘制，因此一旦存在离屏渲染，上面提到的上下文切换就会每秒发生60次，并且很可能每一帧有几十张的图片要求这么做，对于GPU的性能冲击可想而知（GPU非常擅长大规模并行计算，但是我想频繁的上下文切换显然不在其设计考量之中）然而有些场景并没有那么简单。
OpenGL ES 2.0 渲染管线
游戏开发
09-17 1854
OpenGL ES 2.0实现了可编程的图形管线，比起1.x的固定管线要复杂和灵活很多，由两部分规范组成：OpenGL ES 2.0 API规范和OpenGL ES着色语言规范。下图是OpenGL ES 2.0渲染管线，阴影部分是OpenGL ES 2.0的可编程阶段。
渲染到纹理(Render To Texture, RTT)详解
yacper的专栏
01-19 1816
RTT是现在很多特效里面都会用到的一项很基本的技术，实现起来很简单，也很重要。但是让人不解的是网上搜索了半天只找到很少的文章说这个事儿，不知道是因为太简单还是因为这项技术已经出现很长时间了。总之我是在摸索这个东西的时候绕了不少弯子。现在把具体的实现方法写下来。渲染到纹理，顾名思义就是把渲染目标从帧缓存变成一个纹理。这样就可以把一个场景渲染后在进行Post Process，做出现
1.2 Cesium渲染流程
weixin_30374009的博客
02-22 3659
“从前有座山，山里有座庙，庙里有个......”我们喜欢这样讲故事，有头有尾，一个调用接一个，特别因为JS本身的一些特点，往往我们会发现，半路杀出个“程咬金”，一些对象变量临场出现让人迷糊，这里面弄清楚整个流程显得尤为重要，搞清楚这个引擎流水线，我们才能把控这里面的机制。Cesium实时刷新，就是说每一帧都在更新，这就像最原始的动画制作一样，一页翻完翻另一个，只是刷新间隔快了，我们眼皮没发...
DirectX11-渲染管道
_what小伙的博客
11-05 184
一、渲染管道 1、应用程序阶段 包括处理各种设备输入而作出不同的反应，还包括纹理动画，位移动画等过程。 2、几何阶段 包括处理图形图元以及图形顶点的操作。这一阶段按功能可以分：模型视图变换、顶点着色、投影、裁剪和屏幕映射，这些功能在不同的实现下可以作为管线阶段，也可以作为其他的作用，并且有时可以被分割成更小管线阶段。 模型视图变换 一个模型在被渲染到屏幕之前，这...
tkinter 离屏渲染
最新发布
03-18
离屏渲染是指在绘制图形时，将图像渲染到离屏缓冲区，然后再将渲染好的图像显示到屏幕上，以提高绘制效率和图形的流畅度。 在Tkinter中，默认情况下，所有的绘制操作都是在主线程中进行的，这可能会导致界面在进行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值