如何用html5的canvas添加连接线,可动态添加节点任意折线的

如何用html5的canvas添加连接线,可动态添加节点任意折线的,第1张

1在桌面上点击一下像电视机一样的小图标,这个图标就是WIN10网络的图标,

2 然后再点击【查看连接设置】

3此时跳转到网络,在连接这里点击以太网

4这里就可以看到电脑的IP地址,子网掩码,网关这些信息。

5还可以通过调出运行工具,、再CMD

6进入命令提示符,再输入ipconfig就可以看到IP地址,子网掩码,网关这些信息。ipconfig不分大小写都是可用的。

使用UGUI来进行UI开发,离不开Canvas组件,所有的 UI 元素,要么自己包含 Canvas 组件,要么是 Canvas 组件所在 GameObject 的子节点

你在 Hierarchy 视图创建任何一个 UI 元素(比如Image)都会自动生成一个 Canvas 作为它的父节点。你也可以可以直接创建一个 Canvas,然后添加其他 UI 元素作为其子节点。

Canvas 组件的参数 RenderMode,有三个选项:Screen Space - Overlay、Screen Space - Camera、World Space。

Canvas 覆盖屏幕,且永远覆盖在其它元素的上层,也就是说 UI 会遮挡场景中的其它元素。

当 RenderMode 为 Screen Space - Overlay时,Canvas的其它参数包括:

和 Overlay 模式相仿,Canvas覆盖整个屏幕空间画布也是填满整个屏幕空间。不同之处在于,Canvas 被放置于指定摄像机的前方。

这种模式下面 UI 并不一定能渲染在 3d 元素之上

Screen Space - Camera 的参数包括:

Pixel Perfect :同 Overlay 模式含义

Render Camera :指定的用来渲染 Canvas 的摄像机

Plane Distance:Canvas 平面距离摄像机的距离

Sorting Layer:指示 Canvas 的深度,可以手动添加。当存在多个模式为 Screen Space 的 Canvas 时,Sorting Layer 决定了显示的优先级

Order in Layer:多个 Canvas 具有相同的 Sorting Layer 时,根据 Order in Layer 来确定显示优先级。

此种模式下,Canvas 与场景中其它3D元素没有区别

此时

不同模式的 Canvas之间,Screen Space - Overlay 的 Canvas 永远显示在最前面,Screen Space - Camera 和 World 的显示关系决定于 World Canvas 距离摄像机的位置以及 Screen Space - Camera Canvas 的 Plane Distance

相同的 Screen Space - Overlay Canvas :显示优先级由 Sort Order 确定

相同的 Screen Space - Camera:显示优先级由 Sorting Layer 和 Order in Layer 确定


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11309534.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-15
下一篇2023-05-15

发表评论

登录后才能评论

评论列表(0条)

    保存