初识Raphael.js---强大的矢量图形库

JavaScript011

初识Raphael.js---强大的矢量图形库,第1张

首先,我和你一样很迷茫这个库,不知道它是用来干嘛的。

只记得任务来了,顺便给了一本全英文的电子书,关于这个库的所有文档都写的清清楚楚,网站上关于它的中文文档也是少之又少,就一边看文档,一边上网上搜一下官方文档的示例,这样会比丛头看到尾好很多。

因为即使你从头开始,把这个全英文的文档看一遍,脑子里依旧是一片浆糊,真正开始去做的时候,又无从下手,倒不如带着开发任务去看文档,需要用到什么就去翻文档,这样就事半功倍。

Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。

它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,还可以绘制任意形状的图形,可以进行图表或图像的裁剪和旋转等复杂操作。

这里简单写个画圆的示例:

这样就在页面上展示了一个圆形。

官网更多demo示例:

推荐基于webGL的3D框架类库!three.js的知名度很高,在开源中国、思否、掘金等技术社区会有很多应用指导案例,很多人问我是不是需要学webGL,three.js正是对webgl进行了封装,提供更高层的渲染接口,不用重新学习3D绘图底层逻辑。

题主没有提供太多背景信息,是否具备中高级前端开发基础?three.js相对于初学者门槛很高,需要花费更多的时间,一个加载模型、调光、选择模型弹框的功能,就能写出Threejs上百行代码。

有一个针对前端转3D开发初学者的解决方案,推荐thingjs在线平台,开发体验比较如下:

提醒一下,three.js并没有特定的行业应用,属于技术研究范畴;thingjs专注于物联网3D可视化领域,对于智慧城市、智慧工厂、安全消防、城市交通可视化应用开发者非常友好!做前端技术应用,推荐物联网3D商业项目方向,15万个开发者的一致选择!