自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 等值面图绘制-克里金插值(D3.js + kriging.js + turf.js)

离散点克里金训练->插值生成网格->turf转isobands geojson格式->d3绘制部分代码...//values 离散点特征值集合//xs 离散点坐标x值集合//ys 离散点坐标y值集合var extents = [ margin.left, width - margin.right, height - margin.bottom, margin.top ];var paramter = { krig

2022-04-12 11:03:44 2844 5

原创 threejs,绘制测井曲线\变径管道\辅助网格方法

效果图:代码已上传npm官方仓库npm install gh-three-tools部分代码 // 创建场景 var scene = new THREE.Scene(); // 辅助坐标系 参数250表示坐标系大小,可以根据场景大小去设置 var axisHelper = new THREE.AxesHelper(120); scene.add(axisHelper); //点光源 var point = new THREE.PointLi

2022-03-14 13:41:14 1387

原创 three.js绘制变径管道的再次改进

根据three.js中TubeGeometry几何体对源码做了些改动用于绘制变径管道,暂且命名为VarTubeGeometry/** * @author icecream * @version 2.0.0 * @description 绘制变径管道 curve, radiusArr, 20, valuesArr, mapValuesArr, LUT * @param curve <THREE.CatmullRomCurve3> 轨迹 * @param radiusArr <A

2021-12-01 15:13:47 1529

原创 记录绘制box辅助网格

辅助网格效果图/* eslint-disable no-unused-vars */import * as THREE from 'three'const TOOLS = { getXYZarea(conf){ return { area:[Math.ceil(Math.abs(conf.maxX-conf.minX)),Math.ceil(Math.abs(conf.maxY-conf.minY)),Math.ceil(Math.abs(conf.maxZ-conf.min

2021-08-30 14:17:36 230

原创 three 坐标网格

three.js 绘制坐标网格(function(global,factory){ console.log(global) typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : typeof define === 'function' && define.amd ? define(['exports'], factory) :

2021-06-08 09:44:19 418

原创 three.js自定义BufferGeometry几何体绘制变径管道

three.js自定义缓存几何体绘制变径管道 改进1.井轨迹 THREE.CatmullRomCurve3对象如: new THREE.CatmullRomCurve3([[0,0,0],[0,-600,0],[0,-1000,0]].map(el => new THREE.Vector3(…el)))2.井深-半径数组 ,二维数组如: [ // [井深,半径],[0,10],[200,10],[400,40],[600,30],[1000,30]]3.半径值域 如

2021-06-07 17:30:44 1047

原创 记录three.js绘制变直径管道方式

由于项目需要绘制变直径的管道,但在three文档没有找到相关的绘制方式。最终能绘制出来也是费了一点功夫。话不多说先上效果图:叙述能力不足,上代码凑合看吧,希望以后来看能想起来。用到很多方法都是THREE.Vector3中的相关方法做向量计算,数据量很大稀释到3-4千左右...

2021-01-03 11:03:04 951 6

原创 echarts获取默认坐标轴最大最小值

最近项目需要在没有设置坐标轴max和min的前提下获取y轴坐标最大值,这个值由echarts自动生成。参考网上及看了下echart源码了解到一种解决方案,如下:Chart.setOption(option)Y轴最大值var yMax = Chart.getModel().getComponent('yAxis',idx).axis.scale._extent[1];X轴最大值var xMax = Chart.getModel().getComponent('xAxis',idx).axis

2020-10-21 09:16:31 5209

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除