对于web前端来说，如果要进行3D绘图，可以选择使用以下几种技术和工具：
WebGL：WebGL是一种基于Web的图形库，它使用JavaScriptAPI来直接在浏览器中绘制3D图像。使用WebGL可以在不借助插件的情况下，直接在网页上渲染复杂的3D场景。
Three.js：Three.js是一个基于JavaScript的开源库，它简化了使用WebGL进行3D图形编程的过程。使用Three.js可以通过简单的API调用实现各种复杂的3D效果，例如旋转、缩放、移动物体等。
Babylon.js：Babylon.js也是一个基于WebGL的开源3D引擎，它提供了许多内置的功能和工具，使开发3D应用程序更加方便。Babylon.js具有强大的渲染性能和易于使用的API，适合用于创建复杂的游戏和交互式应用。
A-Frame：A-Frame是一种基于WebVR的框架，可以轻松地创建虚拟现实（VR）和增强现实（AR）的3D场景。使用A-Frame，可以使用HTML标记语言和JavaScript来构建交互式的3D虚拟现实应用程序，无需深入了解WebGL的原理。
Unity3D：虽然Unity3D主要是一个游戏引擎，但它也可以用于创建Web上的3D内容。使用Unity3D，可以使用其强大的编辑器和开发工具来创建高质量的3D图像和交互式体验，并将其导出为Web上可运行的应用程序。
以上是一些常用的用于在Web前端进行3D绘图的技术和工具，开发者可以根据自己的需求和熟悉的技术选择适合自己的方式来实现3D绘图。
Three.js：Three.js是一个流行的用于在Web浏览器上创建3D图形的JavaScript库。它提供了丰富而强大的API和功能，可以轻松地在网页上创建复杂的3D场景和动画效果。Three.js支持WebGL技术，并提供了大量的几何图形、材质、光照和动画功能，使得创建高品质的3D内容变得简单。
Babylon.js：Babylon.js是另一个流行的用于构建Web上3D游戏和交互应用的JavaScript框架。它是基于WebGL技术的，并且提供了一套强大的API和丰富的功能，可以方便地创建复杂的3D场景和特效。Babylon.js还有许多有用的工具和插件，如物理引擎和粒子系统，可以帮助开发者更好地实现各种3D效果。
A-Frame：A-Frame是一个基于WebVR技术的框架，可以简化在Web上创建虚拟现实（VR）和增强现实（AR）内容的过程。A-Frame使用HTML语言，使得创建和组织3D元素变得非常简单。它提供了丰富的实体组件（如摄像机、灯光、形状等），开发者只需要在HTML中添加相应的代码，即可实现3D场景的构建和交互。
WebGL：WebGL是一种基于OpenGL的图形渲染技术，可以在Web浏览器上实现硬件加速的2D和3D图形渲染。WebGL提供了强大的绘图功能和底层的图形编程接口，可以通过直接在WebGL上编写shader程序来实现各种高级的图形效果。虽然WebGL需要一定的编程知识和技能，但它提供了最大的自由度和灵活性。
Unity3D：Unity3D是一个跨平台的游戏引擎，也可以用来创建Web上的3D内容。Unity3D提供了广泛的工具和功能，可以用来设计和开发各种类型的游戏和互动应用。除了游戏开发，Unity3D还支持在Web上创建交互式的3D模型展示、虚拟旅游和产品演示等应用。
总结而言，Web前端写3D绘图可以选择使用Three.js、Babylon.js、A-Frame、WebGL或Unity3D等工具和框架。选择合适的工具和框架取决于具体的需求和技术水平。与此同时，也可以结合其他前端技术，如HTML5、CSS3和JavaScript等，以增强3D图形的表现和交互效果。