作者:徐鸿至 发布时间: 2017-2-8
Demo
概览
自定义了一个Draw类,支持三维场景下点、线、面、圆形、圆弧、贝塞尔曲线、贝塞尔曲面、箭头、多头箭头的绘制。支持立方体化多边形,支持通过Three.js扩展绘制虚线(不完善,由于Windows上WebGL的限制,不支持自定义线宽)
说明
可以直接通过相对路径引用script文件夹下的draw类(其他脚本也需要放在script目录下,Draw类内部会引用)
require(["./script/Draw"], function(Draw) { /* code goes here */ });
构造函数:
new Draw({view: viewInstance, gl: graphicsLayerInstance})
Draw的构造函数接受一个含有view和gl属性的Object.其中view属性需要指向一个SceneView实例,gl属性需要指向一个GraphicsLayer实例
静态属性
实例属性和方法
绘制方法
draw.activate(Draw.CURVE)
使用相应的方法可以激活相应的图形绘制。
draw.activate(Draw.CUBE)
稍微特殊,激活之后,下一次所点击的多边形,上下移动鼠标,会把该多边形立方体化。
draw.deactivate()
结束绘制
系统需求:
浏览器版本:最新版本的Chrome,FireFox,IE,Edge
文章来源:
https://github.com/crazyxhz/ArcGIS-JavaScript-API-4.2-3D-Draw-Extension/blob/master/README_CN.md