一.他们所有的发展.从地上爬起来 VML+SVG发展矢量地图.你并不需要导入第三方的图片作为背景,直接在地图编辑器可以在底图内容编辑,由于岩石.巷道.煤层.画水.础地图样子再在其上面画出智慧线等设备,全部操作显示等都用SVG来实现,形成的SVG地图自然就是纯矢量地图. 二.基于WEBGL和3DMAX开发 WEBGL+3DMAX开发3D效果,WEBGL是从OpenGL演进来的WEB上展示3D效果的技术,能够用3DMAX像开发3D游戏场景一样开发立体3D场景.在WEB上能够使用WEBGL显示3D地图…

  一.他们所有的发展.从地上爬起来 VML+SVG发展矢量地图.你并不需要导入第三方的图片作为背景,直接在地图编辑器可以在底图内容编辑,由于岩石.巷道.煤层.画水.础地图样子再在其上面画出智慧线等设备,全部操作显示等都用SVG来实现,形成的SVG地图自然就是纯矢量地图. 二.基于WEBGL和3DMAX开发 WEBGL+3DMAX开发3D效果,WEBGL是从OpenGL演进来的WEB上展示3D效果的技术,能够用3DMAX像开发3D游戏场景一样开发立体3D场景.在WEB上能够使用WEBGL显示3D…

WEB 3D SVG CAD 矢量 几种实现方案 原创 2014年10月24日 08:34:11 标签: WEB3D / CADSVG / 矢量 2665 一.全部自己开发,从底层开始 VML+SVG开发矢量地图,不需要导入第三方图片作为背景,直接在地图编辑里可以编辑基础地图内容,如进行岩石.巷道.煤层.水域等绘画,在画好基础地图样子再在其上面画出智慧线等设备,所有操作显示等都用SVG来实现,形成的SVG地图自然就是纯矢量地图. 二.基于WEBGL和3DMAX开发 WEBGL+3DMAX开发3D…

上篇我们基于HT for Web呈现了A* Search Algorithm的3D寻路效果,这篇我们将采用HT for Web 3D来呈现Box2DJS物理引擎的碰撞效果,同上篇其实Box2DJS只是二维的平面碰撞物理引擎,但同样通过3D的呈现能让人更直观的体验到碰撞效果,先上张最终例子效果图: Box2D最早是Erin Catto在GDC大会上的一个展示例子,后来不断完善成C++的开源物理引擎库,这些年了衍生出Java.ActionScript以及JS等版本,被广泛应用在游戏领域.说其丰富的确…

前言 初次见面的朋友们大家好,这篇文章是"无插件纯web 3D机房"系列的第四季,感兴趣的朋友可从头开始观看,以下是正确的阅读顺序: 无插件纯web 3D机房(第一季:从零开始搭建Web 3D机房) 无插件纯web 3D机房(第二季:机柜和设备) 无插件纯web 3D机房(第三季:资产管理和动环监控) 木有耐心的童鞋也可以直接简单粗暴地戳视频查看效果: 答一些读者问 阔别了半年多,哥其实没闲着,在憋大招来着.期间陆续收到朋友的留言和来信,提了不少特别棒的意见和想法,项目也有了很大的进展…

原文:ArcGIS Portal 10.4 本地坐标系的web 3d地形展示制作说明 ArcGIS Portal 10.4 本地坐标系的web 3d地形展示制作说明 By 李远祥 ArcGIS Portal在10.4版本开始支持本地坐标系的三维展示,可以说是ArcGIS产品Web3D的又一进步.但实测发现,还是有一些地方需要注意,并不像直接使用Web墨卡托和网络服务那边顺利.     这里测试的主要是地形数据展示.涉及到两方面,一是基础的DEM数据,用于整个地形的高低起伏,原则上是不展示,将底图…

ArcGIS 产品家族的 Web 3D 功能众多用户期待已久.从 ArcGIS 10.3.1 版本号開始,Esri 放了个大招,千呼万唤始出来的 Web 3D 功能,最终不再犹抱琵琶半遮面了. 那究竟怎样将创建和公布3D场景呢? 以下就把今天的測试过程记录下. 測试环境 硬件 处理器:Intel Core i7 4710MQ @ 2.50GHz 内存:16G 显卡:NVIDIA GeForce GT 730M OS Windows 10 Pro 软件 ArcGIS Pro 1.1.1 (必要)…

大家好,本文讨论了Web 3D是否需要WebAssembly,结论是: 对于使用原生3D技术的程序员,需要: 对于使用Javascript语言的前端程序员,不需要,有其它方法可以达到接近WebAssdembly的性能. WebAssembly是什么? WebAssembly简称wasm,是一种数据格式,对应的文件后缀名为.wasm,文件由字节码组成: 而Javascript对应的文件后缀名为.js,文件由字符串组成. 两者都可以在浏览器上直接运行. 一份典型的.wasm 文件如下所示(引用自恕我…

前言 智慧环卫,依托物联网技术与移动互联网技术,对环卫管理所涉及到的人.车.物.事进行全过程实时管理,合理设计规划环卫管理模式,提升环卫作业质量,降低环卫运营成本,用数字评估和推动垃圾分类管理实效.智慧环卫所有服务部署在智慧城市管理云端,对接智慧城市网络,以云服务方式随时为管理者及作业人员提供所需的服务. 智慧环卫系统作为智慧城市的一部分,是社会发展的需要:城乡环卫一体化,破解垃圾围城生活垃圾源头减量化,促进垃圾分类有效管理餐厨垃圾流向,杜绝地沟油严控渣土运输,杜绝建筑垃圾乱排乱放:同时也是环卫…

  数字化推动钢铁工业转型升级 数字时代,随着数字地球,数字中国,数字工厂等数字化建设的不断深入,以地理信息系统(Geographic Information System, GIS)为基础,融合大数据可视化.云计算.物联网以及人工智能等新一代信息技术,颠覆传统GIS应用, 激发了地理信息产业新的生命力,让地理信息应用越来越广泛,走向时代的舞台. 界面简介及效果预览 钢铁作为国民经济发展的重要基础原材料,钢铁行业的产品创新为中国经济的发展提供有力的支撑."十三五"以来,中国的钢铁工业从…

前言 感谢所有为上海疫情奉献的人,祈求上海疫情早日清零,中国加油,上海加油! <上海市生活垃圾管理条例>施行至今已有两年多,上海市民践行绿色低碳理念.主动参与生活垃圾分类的习惯基本养成,分类实效逐步趋于稳定,湿垃圾分类量稳定在日均 9000 吨以上,可回收物回收量保持在日均 7000 吨以上."采取定时定点制度""实施垃圾投放点升级改造""进行了广泛的宣传动员"是上海生活垃圾分类工作取得成效的主要原因. 效果展示 图扑软件可视化结合…

前言: 如果你已经厌倦了使用PPT设置路径.设置时间.设置动画方式来制作动画特效.那么Impress.js将是你一个非常好的选择. 用它制作的PPT将更加直观.效果也是嗷嗷美观的. 当然,如果用它来装X,是需要付出一些代价的,不过如果你是一个前端爱好者,理解HTML/CSS,那么就没什么问题了. 看看网上的实例,动手练习练习,分分钟就能上手了. 介绍: impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(…

http://www.hightopo.com/guide/guide/plugin/form/examples/example_easing.html 50年前的这个月诞生了BASIC这门计算机语言,回想起自己喜欢上图形界面这行,还得归功于当年在win98下用QBASIC照葫芦画瓢敲了一段绘制奥运五环的代码,当带色彩的奥运五环呈现在自己面前时我已知道自己这辈子要走的路了.在这个忘本逐新的年代不见多少媒体提及这影响了几代人的BASIC语言的50年庆了. 如今消费者对用户体验的高要求,以远不能以静…

以下问答基于ArcGIS 10.4版本,涉及的软件有 ArcGIS for Server ArcGIS for Desktop ArcGIS Pro 1.3 Esri Drone2Map 1 支持B/S三维架构? 答:支持无插件的Web3D架构系统. 2 二维.三维使用CGS2000坐标系? 答:arcgis平台支持cgs2000坐标系. 3 支持地形三维建模,支持读入国标.SHP.ASCII等常见格式的DEM文件,或者等高线.高程点等地形数据生成DEM:支持模型与DEM的匹配处理功能? 答:a…

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff          …

在IIS上部署web项目的时候,发现浏览器报找不到woff.woff2字体的错误,导致浏览器加载字体报404错误,由于服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 文件扩展名      MIME类型 .svg             image/svg+xml .woff            application/x-font-woff .woff2          application/x-font-woff…

以真实设备为模型,搭建出设备面板,并实时获取设备运行参数,显示在设备面板上,这相比于纯数值的设备监控系统显得更加生动直观.今天我们就在HT for Web的3D技术上完成设备面板的搭建. 我们今天模拟的设备是机房设备,先来目睹下最终效果: 我来解释下这个模型,一个带有透明玻璃门的机柜,机柜里装有5台设备,门可以开合,设备可以插拔,那么我么该如何搭建这样的设备呢?方法不难,我们一步一步来. 我们先从设备开始,设备的示意图如下: 看起来有模有样的,其实呢,它就是一个长方体,然后在长方体的正面贴上一张…

在这里我们将构造一个基于HT for Web的HTML5+JavaScript来实现汉诺塔游戏. 汉诺塔的游戏规则及递归算法分析请参考http://en.wikipedia.org/wiki/Tower_of_Hanoi. 知道了汉诺塔的规则和算法,现在就开始创建元素.用HT for Web(http://www.hightopo.com)现有的3D模板创建底盘和3根柱子不是问题,问题是要创建若干个中空的圆盘.一开始的想法是:创建一个圆柱体,将圆柱体的上下两端隐藏,设置柱面的宽度来实现圆盘的效果…

最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了几百毫秒的加载时间. 一开始以为是路径的问题,检查发现路径也没错. 后来才发现因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 打开服务器IIS管理器,找到MIME类型 添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff   …

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff          …

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff          …

现状 在CAD看图过程中我们经常会需要用到查找文字的功能,在AutoCAD软件查找一个文字时,可以通过打开左下角输入命令find,输入查找的文字,然后设置查找范围,就可以搜索到需要查询的文字.但在Web网页端打开CAD图查找文字时,有没有同样的办法呢?另外,如果有没有办法实现在很多图纸中像百度那样做到全文检索的功能? 实现思路 CAD图Web打开展示 拿之前分享的一款开源的利用最新技术栈Vue3开发的 唯杰地图云端图纸管理平台为例. 他实现了对AutoCAD格式的DWG图纸的云端管理查看功能.能…

在我们协助客户进行3D应用的开发过程中,客户遇到的最头疼的问题是如何在短时间内学会使用TWaver 3D引擎,以及使用TWaver 3D来创建和导入项目所需的各种3D业务模型.由于项目涵盖的行业繁多.对模型种类和精度的需求各异,为了降低TWaver底层引擎的使用难度,TWaver发布了一款全新的模型库框架TWaver® Make,来帮助开发者快速创建高质量.专业的行业可视化应用场景. 简单来说,TWaver® Make提供的是模版定义的开发SDK框架,和高质量的跨行业模型库.使用TWaver®…

向量基础知识 向量有且仅有的两个属性:方向长度(注意:向量性情中不包含位置信息) 向量相等就是其两个属性相等 向量处理标记位置:当向量的起始点与坐标原点重合,这样我们就可以用向量的终点坐标来描述一个处于标准位置的向量 零向量:所有分量都为0 = (0,0,0) 三个特殊向量称为R3的标准基向量:这些向量分别称为i,j,k向量,方向分别与坐标系的x,y,z轴一致,且长度均为1 向量相等 向量相等即方向和长度相等. 计算向量的长度 几何学中,向量的模就是有向线段的长度.我们可以通过代数的方法计算该向…

多比3D是实现3D场景搭建的软件开发包,可以创建广泛的3D应用,适用于高端制造.能源.国防军工.教育科研.城市规划及建筑环艺.生物医学等领域的虚拟仿真,应用于虚拟展示.虚拟设计.方案评审.虚拟装配.虚拟实训等工作环节. 特点与优势 支持多种格式模型的导入和实时获取,快速搭建场景,编辑场景.并可在场景中添加天气系统,材质编辑,地形绘制,动态植被,动态水体等,提高设计效果. 支持多种3D格式文件的导入 提供可视化的3D建模工具和多比2D表现层类似,多比2D表现层提供了一套可视化的建模工具,开发者通过…

http://blog.sina.com.cn/s/blog_4997f1b90102vkjn.html 最近项目中用到了fontawesome-webfont.svg等字体.部署项目后,发现没有<,+等符号,字体也不对,发现浏览器总是报找不到woff.woff2字体的错误.​ 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可.​ IIS7 解决办法: http://www.cnblogs.com/hanwen/p/4212622.ht…

一,woff/woff2字体 404错误,这个可以在浏览器按F12的Console页面可以发现问题,如下图: 解决方法: 一,打开服务器IIS管理器,找到MIME类型 二,添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff            application/x-font-woff.woff2          application/x-font-woff 综上,则成功可以显示svg/woff/wo…

前言 最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果.使用html5时间还不久,对js的认识还不够深入.没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来. 上一篇大数据呈现第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 html5的canvas的2d绘制技术.这一回我想介绍一下项目中的一个亮点技术:html5的3D,以及如何用它打造精美的3D机房监控系统. 目标效果图 下图是客户给找的一张的效果参考图,希望机房至少能达到下面的3D效果. 懂的人都知道,这可是一张…

1.打开服务器IIS管理器,找到MIME类型 2.添加类型 文件扩展名      MIME类型 .svg             image/svg+xml.woff            application/x-font-woff.woff2          application/x-font-woff…

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/smartsmile2012/article/details/56290724最近项目中用到了fontawesome-webfont.svg等字体.部署项目后,发现没有<,+等符号,字体也不对,发现浏览器总是报找不到woff.woff2字体的错误.​ 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加…