H5画布怎么转换成矢量图 js

JavaScript011

H5画布怎么转换成矢量图 js,第1张

可以采用了node工具。

做一个基本的矢量数据处理工具,方便后期数据生产较为自动化,选用node.js作为批量数据处理的脚本工具,暴露服务接口,前端调用,canvas按照图层要素渲染。

Rapha_l是一个小型JavaScript库,可以简化网络上矢量图形的工作。例如,如果要创建自己的特定图表或图像裁剪并旋转窗口小部件,则可以使用此库轻松轻松地实现它。Rapha_l使用SVGW3C建议书和VML作为创建图形的基础。这意味着您创建的每个图形对象也是DOM对象,因此您可以附加JavaScript事件处理程序或稍后对其进行修改。拉斐尔(Rapha_l)的目标是提供一种适配器,使跨矢量浏览器的图形矢量艺术兼容且容易。

google excanvas吧,不仅发布的时间久,并且由它衍生出来的画图插件非常多,如plot、jqplot等上百个,并且还与HTML中的canvas兼容。

其他还有dojo中的画图api,也非常强大易用。

再有就是yui的画图API了。

总的来说,由于Flex的统治时间太久,画矢量图的javascript框架极少,并且中文资料极少,看看raphaeljs的版本更新就知道了。

最后,我还是希望你能继续raphaeljs,非常强大,我就一直在使用。

矢量图现在逐渐受到人们的喜欢,因为它有一个非常吸引人的优点,可以无限放大,并且越放大越清晰。

现在流行的矢量图制作软件也不大,名气比较大的是CorelDraw、Adobe公司的Illustrator、Macroemdia公司的Freehand。在动画制作软件Flash中输出的也是矢量图,动态的矢量作品。

对于矢量图制作软件的对比,位置的方式已经不适用,稍稍作些修改。

(一)CorelDraw

CorelDRAW 是最权威的矢量图制作软件,也是功能最强大的矢量图制作软件。现在发行的最新版本是10.0,它将矢量插图 、版面设计 、位图编辑 、图像编辑及绘图工具等多种功能合为一体,全面满足你做图的需要。

(二)Illustrator

每一个懂得电脑的人,面对Adobe公司庞大的软件优势,都不得不赞叹,也不得不佩服!无论位图还是矢量图,无论影视还是网页处理,它一一涉及,它也一一占据着重要的位置。Illustrator--矢量图的制作,Adobe公司撑起这片市场的软件。

(三)Freehand

对于不追求制作复杂眩耀的效果来说,Freehand是一个非常不错的选择,因为在同行的软件中,它性价别最高。矢量图基本的制作它完全可以满足。