首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

基于 HTML5 的 3D 工控隧道案例

: dm = new ht.DataModel();//数据容器,可以显示界面上的所有数据通过 dataModel.add 存储在数据容器 g3d = new ht.graph3d.Graph3dView...(dm);//3D 组件 g3d.addToDOM();// 3D 组件的底层 div 添加到 body HT 的组件一般都会嵌入 BorderPane、SplitView 和 TabView 等容器中使用...设置这三个图元变化即可,我 json 中分别将这三个图元的 tag 设置为 feng、feng2 以及 door,代码我就可以直接调用这三个图元的 tag 属性: var task = {...接着是创建 form 表单,表单上添加一些信息,比如交通灯的切换等等,场景默认显示的右上角的 form 表单我们这里不做解释,内容跟点击交通灯出现的 form 表单差不多,所以我们主要说明一下点击交通灯出现的表单...表单重复的部分比较多,我挑出三个部分来解释一下:文本部分、“当前状态”显示的图标以及下面“修改状态”的图标点击选择部分: form.addRow([//addRow 添加一行 我这个部分是添加一个标题

78120

Vivado调用IP核详细操作步骤

如图,这段代码就是使用Verilog调用这个IP核的示例代码。 2. 示例代码复制到demo.v文件,并进行修改,最终如下。...选择Flow Navigator的Create Block Design,创建一个框图设计文件。 2. 输入文件名并点击OK。 二、添加IP核 1. 框图空白处右击,选择Add IP。...这里输入的A、B均设置为4为无符号型,其他为默认值,点击OK确认。 三、绘制电路 1. 右击Diagram窗口空白处,选择Create Port。 2....弹出窗口中,设置端口a为4位输入信号,并点击OK。 3. a与A、B都连接起来。 4. 同样的方法,添加一个8位输出端口p,与P连接。 5. 再添加一个clk时钟输入端口,与CLK连接。 6....打开生成的design_1_wrapper.v文件如图,红框的代码用来调用前面画好的Block Design模块。 4.

4.4K10
您找到你想要的搜索结果了吗?
是的
没有找到

vivado调用IP核详细介绍

如图,这段代码就是使用Verilog调用这个IP核的示例代码。 ? 2. 示例代码复制到demo.v文件,并进行修改,最终如下。...选择Flow Navigator的Create Block Design,创建一个框图设计文件。 ? 2. 输入文件名并点击OK。 ? 二、添加IP核 1. 框图空白处右击,选择Add IP。...这里输入的A、B均设置为4为无符号型,其他为默认值,点击OK确认。 ? 三、绘制电路 1. 右击Diagram窗口空白处,选择Create Port。 ? 2....弹出窗口中,设置端口a为4位输入信号,并点击OK。 ? 3. a与A、B都连接起来。 ? 4. 同样的方法,添加一个8位输出端口p,与P连接。 ? 5....打开生成的design_1_wrapper.v文件如图,红框的代码用来调用前面画好的Block Design模块。 ? 4.

3.3K20

将自定义 IP (HDL)添加到 Vivado 模块设计(Block Design)

绪论 使用Vivado Block Design设计解决了项目继承性问题,但是还有个问题,不知道大家有没有遇到,就是新设计的自定义 RTL 文件无法快速的添加到Block Design,一种方式是通过自定义...Design 使用 Flow Navigator 窗口中的Create Block Design选项,新的Block Design添加到项目中。... Zynq 处理系统 IP 块添加到设计,并运行自动设置或者自动连线。... RTL 模块添加到Block Design 要添加我们在上一步创建的 D 触发器的 RTL 模块,右键单击 Diagram 窗口空白处的任意位置,然后选择Add Module...选项。...Vivado 将自动显示它在当前项目中找到的所有有效 RTL 模块。由于写入或导入到当前项目中的模块是我们刚刚设计的 D 触发器,因此它是本例的唯一选项。

1.4K50

Excel编程周末速成班第21课:一个用户窗体示例

2.找到数据的第一个空白行。该工作簿可能包含现有数据,也可能是空白的,如图21-1所示。 3.显示一个用户窗体,使用户可以输入一个人的数据。 4.继续显示用户窗体,直到输入了所有数据。...3.选择插入➪用户窗体一个新的用户窗体添加到工程。 4.使用属性窗口窗体的Name属性更改为frmAddresses,并将其Caption属性更改为“地址输入”。...当然,单击“下一步”按钮,这是必需的,单击“取消”或“完成”按钮,这也是必需的。即使使用Hide方法隐藏了该窗体,它在下次显示仍将所有数据保留在其控件。因此,需要清除控件。...编辑器打开用户窗体按F5来测试工程,还可以编写一个使用Show方法显示窗体的宏。...可以输入数据之后或输入数据执行数据验证。 当你的代码将在程序的多个位置中使用时,将其放在单独的过程。 自我测评 1.请说明使用用户窗体进行数据输入的两个好处。

6K10

CSS入门指南-4:页面布局

你可以把两个 标签写在两行,但这并不影响图片再浏览器显示效果,它们会并列出现在一行上。而且标签直接的空白(标记的两个 ?...标签虽然分别位于两行,但这并不影响图片在浏览器显示的效果。图片是行内元素,所以它们显示的时候就会并列出现在一行上。而且,标签之间的空白(包括制表、回车和空格)都会被浏览器忽略。...Amazon.com的页面采用的就是流动中栏布局,各栏宽度加大通过为内容元素周围添加空白来保持内容居中,而且现在的导航条会在布局变窄到某个宽度收缩进一个下拉菜单,从而为内容腾出空间。...弹性布局与流动布局类似,浏览器窗口变宽,不仅布局变宽,而且所有内容元素的大小也会变化,让人产生一种所有东西都变大了的感觉。...如果我们上边的例子 nav 用百分比宽度做布局,当窗口宽度很窄 nav 的内容会以一种不太友好的方式被包裹起来。

2.2K10

浮动元素容器的clearing问题

CSS规范,浮动定位不属于正常的页面流(page flow),是独立定位的。所以,只含有浮动元素的父容器,显示不考虑子元素的位置,就当它们不存在一样。...clear: both; } 其中的"clearfix"是父容器的class名称,"content:"020";"是父容器的结尾处放一个空白字符,"height: 0;"是让这个这个空白字符不显示出来...,"display: block; clear: both;"是确保这个空白字符是非浮动的独立区块。...但是,:after选择符IE 6不支持,也就是说上面的这段代码IE 6无效,这怎么办?...如果有,这个函数就返回true;否则返回false。hasLayout是一个只读属性,所以无法使用Javascript进行设置。 [参考阅读] * On having layout (完)

61520

System Generator系列之Black Box使用HDL文件导入进行设计)

打开软件和新建空白模型这些就不再多述了,直接上今天的主题,模型文件中放置Black Box,路径是:Xilinx Blockset/Index/Black Box,然后弹出的窗口选择需要链接到黑盒的...65行的即 this_block.addFile('transpose_fir.vhd')的上方添加:this_block.addFile('mac.vhd'),使得可以加载滤波系数,改好后做保存,即可关闭此文件...Simulation mode:就是选择仿真模式,总共有三种; Inactive:使用这种模式的话,会忽略黑盒的输入,直接生成零;当黑盒有单独的仿真模型可用,并且模型使用模拟多路复用器与黑盒并联,通常使用此设置...在此模式下,使用HDL 协同仿真。 选择Inactive,看看该种模式下的效果,点击OK关闭。 ? 不过使用前,还需要添加测试模块所需的其他模块: ?...然后Stop Time设置稍微大一点,本设计设置了500,然后点Run,观察示波器显示: ?

78010

canvas 快速入门

canvas 快速入门 本文中,我们学习Canvas的特性,包括如何在HTML文档引入Canvas以及Canvas上绘制图形和各种对象。...我们也学习如何修改绘制Canvas上的图形和对象,以及如何擦除它们。最后,通过一个例子来学习如何Canvas,尺寸设置为浏览器窗口的大小。 1....本文后面的内容,我们学习如何创建一个能够动态修改尺寸并填充整个浏览器窗口的canvas元素。...有时候坐标系统的1个单位相当于2个像素(例如,一些高分辨率显示),但是一般的经验法则是1个坐标单位等于1个屏幕像素。 2.2 访问 2D 渲染上下文 暂时不解释这个概念,先来使用一下。...最后一行代码canvas元素从inline修改为block,这样我们才能够正确地设置宽度和高度,从而使之能够使用整个浏览器窗口的宽度和高度,而不会出现滚动条。 但是,还有问题要解决。

1.7K20

notion 初步使用指南

这就意味着,使用 Notion ,你可以任何你想要连接的东西进行连接Block这可以说是 Notion 里一切的基础,它是个很有意思的东西。...,来确保任务进度图片你可以一个Page显示完整的Database(Full Page Database),就像Excel一样也可以Database当作是Block插入到Page的一个段落里(Inline...这个窗口内可以对标题和保存位置进行设置使用这个插件可以页面剪藏在Page/Database,成为一个新的子页面(美中不足的是这种方式无法直接配置实用模版)初次使用时,你可以选择直接使用官方默认的「New...因为这里不会显示所有的页面,不过只需要搜索一次就可以长期出现在Recent栏图片在手机端剪藏的话,也是通过分享窗口进行的;ios端需要在分享菜单中进行开启Notion的分享菜单,剪藏和Chrome插件操作一致...;Android端会自动分享菜单显示,不需要进行其他配置Template创建 Page ,默认会创建一个空白 Page;但在面对复杂的记录任务,这样无疑是低效的这时我们可以针对不同类型的记录任务创建

4.7K61

前端面试题2(CSS)

:hidden; IE6还需要触发 hasLayout,例如zoom:1; 父元素也设置浮动 使用 :after 伪元素。...当使用 @import 导入 CSS ,会导致某些页面 IE 出现奇怪的现象: 没有样式的页面内容显示瞬间闪烁,这种现象称为“文档样式短暂失效”,简称为FOUC 产生原因:当样式表晚于结构性html...加载,加载到此样式表,页面停止之前的渲染。...解决方法:使用 link 标签样式表放在文档 head 介绍使用过的 CSS 预处理器?...需要在border外侧添加空白,且空白处不需要背景(色)使用 margin 需要在border内测添加空白,且空白处需要背景(色)使用 padding 抽离样式模块怎么写,说出思路?

2.8K11

【Unity 实用插件篇】 | 使用Fungus插件制作一个对话系统,简单好学易上手

(b)在下载的文件复制Fungus这个文件夹,文件夹复制到Unity项目中,如下图: 导入后可以菜单栏中看到一个Tool菜单,说明Fungus插件导入成功,下面就可以学习具体怎样使用该插件了...; } } } 脚本挂载到场景的Npc1上,并且在对话窗口管理器中将第一个Block改名为npc1,如图: Block的名字很重要,每一个Block都代表一个对话流程,...如下所示: 可以看到目前Menu命令里面是报错状态,提示我们没有指定目标Block,这里就需要在对话管理器窗口中右键新建两个Block作为此次分支对话的目标节点,如下所示: 两个Menu...Character_npc对象上我们也可以添加对应角色的肖像图,如下: 添加的图片格式为Sprite,可以添加多个肖像图,具体的对话Block可选择具体使用哪一张。...名称 介绍 Character 将对话框绑定到某个角色 Story Text 游戏运行后对话框显示的内容 Voice Over Clip 设置对话框出现时伴随的音效 Tag Help 点击后展示一些可以

5.1K20

SAO UI Plan -- SAO Utils WEB 2.0

优化显示逻辑,新增拖动动作监听。可以通过点按拖动菜单调整菜单位置。 1级菜单最后一个按钮默认设置为退出菜单动作。 优化退出逻辑。点按空白处也可以退出菜单。 2.0版本正式版发布。...新增悬停显示配置项,可以自己决定是否使用悬停显示 2021-01-31:正式版v2.2 新增退出按钮。 无痕模式下退出窗口功能会被拦截,变相致敬原著设定。 说明书内容移入默认按钮,可以关闭。...(嘛,总之摸鱼也是为了给大家写好看的魔改教程嘛)一直被二级菜单的显隐逻辑所困扰,因为用到了相对定位,中间有一段元素是空白的,没法不破坏菜单项显示效果的情况下直接依靠hover实现持续显示二级菜单的效果...添加音效,因为直接链接跳转的话,会来不及启动点击音效,所以只能使用超时函数设置了0.5秒的延迟,给音效播放留点时间。...内附本帖链接,可能的话,希望可以开着帮我做下宣传 3 hoverShow true , false true为开启悬停显示false为关闭悬停显示。默认开启。控制属性栏和三级菜单的悬停显隐。

2K20

electron 踩坑总结

使用时需在窗口创建设置 webPreferences.enableRemoteModule 为 true。...如果只开发环境启用开发者工具,则需要设置 webPreferences.devTools 为 process.env.NODE_ENV === 'development' 启动白屏 创建窗口设置...show: false ready-to-show 事件之后执行 mainWindow.show(), 可见官方文档 优雅地显示窗口。...启动后 loading 如果使用了 Vue 框架, Vue 初始化之前窗口虽然出现了,但是内容时空白的,可以 Vue 实例 #app 里写一个 loading, Vue 加载完后会覆盖掉。...手动关闭窗口 当自定义关闭使用 mainWindow.destroy() 来关闭窗口,因为使用 mainWindow.close() ,windows 系统打开开发者工具时会出现无法关闭窗口的情况

2.2K40

「Web编程API」- 04

// 触发输入框的获得焦点事件 search.focus(); } }) 1.1.4 案例:模拟京东快递单号查询 要求:当我们文本框输入内容...== '') { // 不为空则显示提示盒子 con.style.display = 'block'; } }) 优化代码: var searchBox...window.onresize是调整窗口大小加载事件, 当触发就调用的处理函数。...该对象包含用户(浏览器窗口中)访问过的URL。 history对象一般实际开发中比较少用,但是会在一些 OA 办公系统见到。 1.3. JS执行机制 以下代码执行的结果是什么?...异步 你在做一件事情,因为这件事情会花费很长时间,在做这件事的同时,你还可以去处理其他事情。比如做饭的异步做法,我们烧水的同时,利用这10分钟,去切菜,炒菜。

87620

第五个页面:更多电影页面

我们需要实现两个功能,一是点击电影资讯页面上的 “更多” ,跳转到更多电影页面,二是跳转要获取相应的电影类型。...---- 动态设置导航栏标题 以上我们完成了电影类型的获得,在这之后就需要动态的把获得的数据设置为导航栏标题,这样点击不同的电影类型就能在更多电影页面的导航栏上显示不同的标题。...当我们页面里滑动scroll-view,只是滑动这个组件,不再可以触发onPullDownRefresh。...MINAPage里还提供了一个onReachBottom事件,使用这个事件来监听页面上滑到底。...经过试验发现实际上 backgroundColor 设置的是我们下拉页面的那个背景颜色,我们可以做一个简单的小实验,more-movie.json文件增加一行配置: { "enablePullDownRefresh

86620

详细介绍scrollIntoView()方法属性

因为工作中用到了锚点设置,常用的总是出问题,后来扒拉出了这个属性,详细研究了下方便日后使用 介绍scrollIntoView()的详细属性 简介 该scrollIntoView()方法调用它的元素滚动到浏览器窗口的可见区域...TIPS:页面(容器)可滚动才有用!...对应于scrollIntoViewOptions: {block: "start", inline: "nearest"}。这是默认值 false 元素的底部将与可滚动祖先的可见区域的底部对齐。...示例 var element = document.getElementById("box"); element.scrollIntoView(); element.scrollIntoView(false...inline: "nearest"}); 应用场景 URLhash标记的进化 聊天窗口滚动显示最新的消息 往一个列表添加item后滚动显示最新的添加的item 回到顶部(#) 滚动到指定位置

1.1K20
领券