HTML5 canvas 画图， 大图缩小时清晰度问题

这是因为图像的采样方式不够好造成的

解决方案是自己写算法进行平均采样

实现方式有两种，一种是js对像素点进行手动合并采样，具体算法可以用这个：github。com斜杠sapics斜杠scale.js

还有一个方案使用webgl，用gpu对图片进行平均合并采样，需要自己写shader，并且需要比较新的浏览器和电脑，需要支持webgl，运行效率比较高。

1、使用画布的话，你直接在绘制的长方形基础上，在右上角再绘制一个空白的长方形就好了，然后在空白的部分绘制不规则图形；

2、或者，直接绘制一个右上角空白的图形，在空白部分进行你的绘制。

canvas按照坐标进行绘制，你直接确定坐标就给你画好了，网上关于canvas教程很多，自己看下吧。链接：网页链接

三维可视化是用于显示描述和理解地下及地面诸多地质现象特征的一种工具，广泛应用于地质和地球物理学的所有领域。三维可视是描绘和理解模型的一种手段，是数据体的一种表征形式，并非模拟技术。它能够利用大量数据，检查资料的连续性，辨认资料真伪，发现和提出有用异常，为分析、理解及重复数据提供了有用工具，对多学科的交流协作起到桥梁作用。

伴随着数据在当前互联网技术迅速发展壮大下变的层面更广，总数更大、构造愈来愈繁杂，大家如果想要更加清楚，迅速的认识和了解一份数据，传统化的二维平面图数据图表现已不能够满足需求。

三维可视化技术越融合多媒体技术、互联网技术及其三维镜像技术完成了数据处理的虚拟化，根据对物体展开多方位的监管，搭建根据现实的3D虚拟现实技术实际效果，让数据呈现更加直观和易于了解，现已短时间变成信息内容智能化管理的关键构成部分，被广泛运用到各制造行业中。

三维可视化平台就是提供制作3D可视化应用的平台，国内比较推荐Hightopo：

扩展资料

图扑软件（Hightopo）是由厦门图扑软件科技有限公司独立自主研发，基于HTML5标准技术的Web前端2D和3D图形界面开发框架。非常适用于实时监控系统的界面呈现，广泛应用于电信网络拓扑和设备管理，以及电力、燃气等工业自动化 (HMI/SCADA) 领域。Hightopo 提供了一套独特的 WebGL 层抽象，将 Model–View–Presenter (MVP) 的设计模型延伸应用到了 3D 图形领域。

使用 Hightopo 您可更关注于业务逻辑功能，不必将精力投入复杂 3D 渲染和数学等非业务核心的技术细节。

多年来数百个工业互联网可视化项目实施经验形成了一整套实践证明的高效开发流程和生态体系，可快速实现现代化的、高性能的、跨平台桌面Mouse/移动Touch/虚拟现实VR图形展示效果及交互体验。

---