Canvas

原创 2015年07月10日 12:08:42
  • 每个其他UI元素都必须处于一个Canvas的子级中。
  • 一个场景中可以存在多个Canvas。

Render Mode– Screen Overlay

  • 画布总会铺满整个屏幕,总是渲染在所有元素的最上层,画布的RectTransform的大小由屏幕决定。
  • Pixel Perfect选项会让UI边缘锐利。

Render Mode—Camera

  • 在没有指认摄像机时候,和Sreen Overlay效果完全一样。指认了摄像机以后,画布会自动调整到摄像机的可视范围内,画布全权交由这个摄像机来渲染,多个相机的渲染次序、相机类型等都会对该画布的元素有影响。此模式下画布的RectTransform完全受到相机的ViewPort Rect影响。
  • Pixel Perfect和Screen Overlay模式下作用一样
  • Plane Distance决定Canvas与渲染相机的距离

该模式可能有如下应用场景:

  1. 如果渲染Canvas的相机是透视的,可以调整Canvas内某些元素的旋转角度,产生透视和深度效果。
  2. 可以通过不同相机的sorting layer和渲染的图层来实现UI上方的粒子特效等。

Render Mode – World Space

  • 画布的Rect Transform完全自由,不受任何约束。可以自行设置大小、位置。
  • 可以放置于物体的子级,常用作气泡、对话框等
  • Event Camera 该选项决定该UI接受哪个相机的事件,如果该项为None,则默认接受主相机的事件。如果指定某个相机,则只接受该相机的事件
版权声明:请尊重原创内容,转载请注明来源及链接。

相关文章推荐

qt qml canvas 实时绘图

  • 2017-10-09 17:02
  • 50KB
  • 下载

利用canvas绘制饼状图一种方法

利用canvas绘制饼状图以及上面对应的占比数值,方法很多,下面分享其中一种方法。 效果 思路: 1)将每块饼的占比以整数形式储存在数组nums中,将每个饼的颜色以字符串形式储存在数...

Canvas Cookbook azw3

  • 2017-10-05 15:02
  • 4.25MB
  • 下载

显示时间-canvas

canvas旋转,平移,缩放一二例

Document *{ padding:0; margin:0; } canvas{ display: inline-...

canvg.js及html2canvas.js下载

  • 2017-09-13 13:25
  • 40KB
  • 下载

canvas端午节小游戏

  • 2017-08-25 13:31
  • 7.42MB
  • 下载

Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形)

1、首先说一下canvas类: Class Overview The Canvas class holds the "draw" calls. To draw something, you...

canvas-text

  • 2017-01-19 13:51
  • 21.90MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)