【数字孪生实战案例】怎样通过交互操作实现组件的大小缩放调节？~山海鲸可视化

在可视化场景搭建过程中，组件尺寸灵活调整是优化页面展示效果、提升视觉交互体验的关键环节。本文围绕交互逻辑应用展开，探讨如何依托各类交互触发方式，便捷高效地实现组件放大与缩小控制，让场景元素可按需自由缩放，进一步增强数字场景的实用性与视觉层次感。

1.在左侧组件库添加“按钮”和“图表”组件至项目中，图表组件可灵活替换为所需缩放的各类组件。

2.选中按钮组件，右击进行“重命名”并在右侧“样式”配置栏修改“文本”。

接着在右侧面板添加“交互”配置，设定触发方式为“点击”事件，执行“修改设置”动作，选定目标缩放组件，自定义调整“组件大小”即可完成放大设置，缩小操作按相同逻辑依次设置即可。

展示效果如下：