【Mars3d 基础- 矢量数据】标绘完成事件

小小的杰茜

已于 2023-08-31 10:32:06 修改

阅读量1.6k

点赞数

分类专栏：前端开发 mars3d 文章标签： javascript

于 2022-04-18 13:47:48 首次发布

本文链接：https://blog.csdn.net/m0_53584457/article/details/124247621

版权

mars3d 同时被 2 个专栏收录

38 篇文章

订阅专栏

前端开发

25 篇文章

订阅专栏

本文详细介绍了如何使用Mars3D库进行矢量图形的矩形绘制，并重点讲解了success回调和drawCreated事件的绑定，帮助开发者掌握图形绘制后的交互操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常我们需要自己绘制一个矢量数据，绘制完成之后在进行下一步的需求，


graphicLayer.startDraw({
  type: "rectangle",
  style: {
   fill: true,
   color: "rgba(255,255,0,0.2)",
   outline: true,
   outlineWidth: 2,
   outlineColor: "rgba(255,255,0,1)"
  }
})

在上面我们完成了一个"矩形"的绘制，那么绘制完成之后绑定事件主要有两种：

一、success的回调


graphicLayer.startDraw({
  type: "rectangle",
  style: {
   fill: true,
   color: "rgba(255,255,0,0.2)",
   outline: true,
   outlineWidth: 2,
   outlineColor: "rgba(255,255,0,1)"
  },
  success:(graphic)=>{
   console.log(graphic)
  }
})

二、全局绑定 drawCreated 事件

graphicLayer.on(mars3d.EventType.drawCreated, (e: any) => {
  console.log(e.graphic)
})