AGV路线地图仿真可视化的探索与实践

iframe子页面中，存在海康/大华监控播放器插件，播放器位置发生了偏移，该怎么办？

const dom = document.getElementById(\bigscreen-container\) //该dom上存在缩放系数 if(dom){ const transform = dom.style.transform const scale = transform?transform.match(/^scale\\((.+)\\)$/)[1]:\1,1\

11月更新速递｜平台产品更新，开通7天免费试用，等你来体验～

作为一种提供数字孪生可视化解决方案的创新产品，易知微正不断演进和升级，为用户带来更加丰富的功能和更强大的性能。就在刚刚结束的11月，我们见证了一系列令人振奋的产品功能更新。平台产品更新EasyTwin邀请您免费开通7天试用！EasyTwin数字孪生融合渲染引擎是一款可开箱即用的数字孪生应用开发工具，它以成熟的3D编辑模式、便捷的交互蓝图、海量的模型资产、多元的业务数字要素，帮助企业及个人快速构建数

3D可视化在建筑设计中的创新

在建筑设计领域，3D可视化技术已经成为创新和变革的重要工具。它不仅改变了设计师的工作方式，还为建筑项目的规划、设计、施工和营销提供了全新的视角。本文将探讨3D可视化技术在建筑设计中的创新应用，以及它如何推动行业的未来发展。1. 设计过程的革新传统的建筑设计依赖于2D图纸和物理模型，这些方法在表达复杂结构和空间关系时存在局限性。3D可视化技术通过创建精确的三维模型，使设计师能够直观地展示和分析建筑的

Blender基础材质与打光（演播室）

前期准备： 真实照片（作为材质的参考）l 屏幕贴图绘制 l Blender3.11.初始打光首先关闭世界环境，因为演播室是一个全暗、没有自然光的环境，光的来源皆为灯光。然后给模型一个面光。在打光的时候，要记得模拟环境本身的光照特征，例如本次的演播室他的灯光一般都是聚集在舞台，而幕后的光照较弱。2.墙面材质在上材质之前，首先要对真实的物理环境进行观察，观察的目的除了能得到最基础的颜色属性

大数据时代下的地理信息可视化：ECharts地图和数据面板实践

一、了解EChartsECharts是百度开发的一款优秀的数据可视化工具，它提供了各种类型的图表，包括线性图、柱状图、饼图、散点图、雷达图、地图等，可以满足各种数据可视化需求。ECharts使用JavaScript语言编写，支持多种数据格式，包括JSON、XML、CSV等，支持响应式布局，能够自适应不同的设备和屏幕大小。ECharts的主要特点如下：1.丰富的图表类型：ECharts提供了多种类型

数据分发

1.逻辑思维目标组件的静态数据中添加标记字段，数据过滤器内通过 data 参数获取到对应标记，随后根据需求进行逻辑处理。2.实际操作数据容器模拟数据标题组件接受userData回调,根据静态数据的key筛选userData回调的数据(需提前在静态数据里根据数据类型添加筛选字段),根据key的筛选,做到一个过滤器,多个组件通用,实现数据分发3.demo示例📎数据分发 demo_142279.zip

一键生成AI智能数字人！让播报更智能~

数字人组件背景介绍AIGC数字人，打开数字孪生应用新时代，深入赋能可视化业务场景。一键调用生成数字人，实现大屏自动化播报。数字人组件，拓展真人功能边界，支持自定义文本驱动语音，嘴形匹配，实现可视化大屏自动化播报。组件内置了一系列基础数字人形象,支持一键调用生成。数字人合成文本配置数字人组件可实现文本驱动语音的功能，文本的配置需要在数据里填写。数据字段说明字段说明series 文本的系列配置（如需要

在大屏上实现倒计时的效果

实现效果：可以看到，每次倒计时的时候，选项卡都会切换选项，所以要实现一个这样的倒计时效果，我们往往需要借助于选项卡，当然其他的带有轮播效果的组件也是可以的，这里只是以选项卡举个例子。实现思路：1.创建一个选项卡组件，开启自动轮播，并设置轮播间隔为1s。2.给选项卡添加一个状态改变的回调，将s发出来。3.创建一个标题组件，修改默认数据为60或其他任意值。4.给标题组件添加一个数据过滤器，用来接受选项

实现验证码图片的效果

实现效果：有一张显示颜色验证码的图片，点击该图片后，会切换成另一张验证码图片。实现思路：1.首先需要一个图片组件，用于显示验证码。2.需要一个能提供验证码的接口，该接口需要一个请求参数——时间戳，同时会返回两个参数——验证码图片的url和新的时间戳。3.用数据容器组件去接入这个验证码的接口，拿到数据后，发出一个回调，比如叫msg4.图片组件通过过滤器去接受这个回调msg。5.给图片组件添加点击回调

EasyV组件动画简介

介绍几种组件开发常用的动画以及实现思路，这里主要是 react-hooks 的动画实现思路，没用 react-spring 等动画库，所以并不是最优解，对动画库熟练的话用库会更快一点。轮播动画：实现效果：实现思路：如上图所示，每隔一秒选项就会进行状态切换，这其中，状态的切换离不开useState这个hooks，而每隔一秒的过程可以有多种方式实现（setInterval, setTimeout, r