前言
如果要在数字场景中划定一个虚拟范围，可以创建多边形区域（圆形、方形、不规则形状），定义范围接口；而创建区域范围并设置了其位置之后，可以针对范围的内容执行很多种操作，从而实现对数字孪生对象更精细的交互控制, 更多demo可以点击这里注册查看! https://www.thingjs.com/guide/?m=sample
创建区域范围ThingJS使用button属性创建区域范围，无论是圆形、方形或者多边形，都需要定义区域的世界坐标，来构成区域形状的点位置，同时加入区域颜色、边框颜色、透明程度，开启拖拽模式，不到15行代码，就能够轻松生成！
注册事件开发
ThingJS利用鼠标注册事件，包括鼠标移动事件mousemove、鼠标键按下事件mousedown、鼠标键抬起mouseup、鼠标键离开mouseleave、鼠标键划入mouseenter等等5个属性完成以注册时间为主的开发方式。以创建圆形为示例，鼠标的交互开发更加直观，有效提升开发效率。
拉伸前
拉伸后
从上图可以看到，鼠标的标志在区域内、区域外、区域边缘都是不一样的，区域内可以进行拾取等操作，区域边缘则可以利用鼠标键抬起mouseup进行范围拉伸。
不同的区域范围由一个Button类型的示例表示，其实展现的都是差不多的属性和方法，包括点坐标、style属性和鼠标注册事件，复制创建更简单！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
关于ThingJS
优锘ThingJS平台提供物联网3D可视化组件，让3D开发更轻松！直接Javascript调用3D脚本，基于200个3D开发源码示例，让你全面了解物联网可视化开发逻辑，一站式项目开发服务（场景搭建-3D脚本开发-数据对接-项目部署）更是吸引了20万开发者入驻，成为数字孪生技术创新者！魔豆花花活动ing，欢迎点击进入官网>>
https://www.thingjs.com
如果要在数字场景中划定一个虚拟范围，可以创建多边形区域（圆形、方形、不规则形状），定义范围接口；而创建区域范围并设置了其位置之后，可以针对范围的内容执行很多种操作，从而实现对数字孪生对象更精细的交互控制, 更多demo可以点击这里注册查看! https://www.thingjs.com/guide/?m=sample
创建区域范围ThingJS使用button属性创建区域范围，无论是圆形、方形或者多边形，都需要定义区域的世界坐标，来构成区域形状的点位置，同时加入区域颜色、边框颜色、透明程度，开启拖拽模式，不到15行代码，就能够轻松生成！
注册事件开发
ThingJS利用鼠标注册事件，包括鼠标移动事件mousemove、鼠标键按下事件mousedown、鼠标键抬起mouseup、鼠标键离开mouseleave、鼠标键划入mouseenter等等5个属性完成以注册时间为主的开发方式。以创建圆形为示例，鼠标的交互开发更加直观，有效提升开发效率。
拉伸前
拉伸后
从上图可以看到，鼠标的标志在区域内、区域外、区域边缘都是不一样的，区域内可以进行拾取等操作，区域边缘则可以利用鼠标键抬起mouseup进行范围拉伸。
不同的区域范围由一个Button类型的示例表示，其实展现的都是差不多的属性和方法，包括点坐标、style属性和鼠标注册事件，复制创建更简单！
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
关于ThingJS
优锘ThingJS平台提供物联网3D可视化组件，让3D开发更轻松！直接Javascript调用3D脚本，基于200个3D开发源码示例，让你全面了解物联网可视化开发逻辑，一站式项目开发服务（场景搭建-3D脚本开发-数据对接-项目部署）更是吸引了20万开发者入驻，成为数字孪生技术创新者！魔豆花花活动ing，欢迎点击进入官网>>
https://www.thingjs.com
