关于Javascript绘制图形技术的讨论

目前，WEB的应用中，在页面上绘制图形的技术可以说是百花齐放，据了解主要有以下几种方式：1、利用DIV+CSS+DHTML实现2、利用Javascript库实现，例如jsDraw2D、高性能矢量图形库wz_jsgraphics.js 3、利用SVG/VML+JS库实现，例如Raphael.js库本次发帖是想了解论坛里做过这块开发的兄弟们常用的是哪种，或者有其他更好的方法。请注意，这里提及的绘制图形绝不是绘制图表。

解决方案 »

  1.   

    vml在IE下的性能不给力，现在很多canvas的应用，当然如果要效果佳性能好还得兼容，目前只能考虑flash,actionscript
      

  2.   

    SVG/VML+JS绘制图表还是很可用的，要是想绘制复杂图形，就有点儿不给力了。
      

  3.   

    SVG没用过 也懒的研究这个了html+css 可以 不过速度很难保证现在canvas也可以 还是速度问题个人觉得 目前上web上画图就是一个鸡肋
    复杂了跑不动（开发还不如flash方便） 简单了 我直接用gif
      

  4.   

    Adobe Integrated Runtime (AIR) 是一个跨操作系统的运行时，利用现有的Web开发技术（Flash，Flex，HTML，JavaScript，Ajax）来构建富Internet应用程序并部署为桌面应用程序。AIR 支持现有的Web技术如Flash，Flex，HTML，JavaScript和AJAX，可以用你最熟练的技术来开发您所见过的最具用户体验的RIA程序，例如，一个AIR程序可以使用如下一种或多种组合技术构建： 　　Flash / Flex / ActionScript 　　
    HTML / JavaScript / CSS / Ajax 　　
    PDF 可嵌入任何应用程序中 　　作为结果，AIR 应用程序可以是： 　　基于Flash 或 Flex：应用程序根内容（理解为容器）为Flash/Flex (SWF) 　　
    基于Flash 或 Flex 的HTML 或 PDF。应用程序的根内容为基于Flash/Flex (SWF) 的HTML(HTML, JS, CSS) 或 PDF 　　
    基于HTML，应用程序根内容为HTML, JS, CSS 　　
    基于HTML的Flash/Flex或PDF，应用程序根内容为基于HTML 的Flash/Flex (SWF) 或 PDF 　　用户使用AIR 应用程序的方式和传统桌面程序是一样的，当运行时环境安装好后，AIR 程序就可以其他桌面程序一样运行了。 　　因为AIR 是应用程序运行时环境，因此她很小且对用户来说不可见。运行时环境提供了一套一致的跨操作系统平台和框架来开发和部署应用程序，因此你的程序不必到每个平台上进行测试，在一个平台上开发好就可以在其他平台上运行了，这有很多好处： 　　A.开发AIR应用程序不必做额外的跨平台工作，节省了时间，因为跨平台的工作AIR都帮我们做好了（只要其他平台能支持AIR）。
     　　
    B.比起Web技术及其设计模式，AIR应用程序开发迅速，她允许将Web开发技术搬到桌面上来而不用另外去学习桌面程序开发技术或复杂的底层代码，这比起C 和 C++更容易学习，且不用去处理每个操作系统复杂的底层APIs 。
      

  5.   

    WebGl 如何  - =
    硬件加速，现在还不通用吧
      

  6.   

    直接用FLASH做吧。在HTML5没全面普及之前，为了兼容。不得不用它！做简单的可以直接GIF，做复杂的就如#5所说跑不动！
      

  7.   

    Dojo.GFX 是一套跨平台的图形生成包，底层模型大致参照了 SVG，展现层同时支持 SVG 和 VML。
    不过需要Dojo基础，做企业级开发在适合不过了
      

  8.   

    SVG/VML Canavs都可以完成绘图的
      

  9.   

    silverlight比较好吧，以前都是觉得JS好， 现在觉得silverlight比较好了
      

  10.   

    高质量绘图与富媒体应用，最好还是选Silverlight或者flash吧
    一是简单，节省人力成本;
    二是与数据库交互上比较容易，出错及维护比较好控制！
      

  11.   

    也许flex是一个不错的选择！！！
      

  12.   

    silverlight应该是个不错的选择
      

  13.   

    haha wo zhishi lai kankan de 
      

  14.   

    未来是3D的，，属于WebGL，，
    虽然刚刚起步
    JS + OpenGL ES
      

  15.   

    在ie8下js很多效果多显示不出来
      

  16.   

    用过vml绘图，编写，维护不方便。速度不理想。用java applet+jfreechart实现过，可惜客户不愿装jdk。ie自带的jdk支持只到1.3.还有个限制是jfreechart绘制的图像很难定制。因为需求中，绘制图形个性化要求多，数据量大。所以速度，灵活修改定制都是重点。还有交互操作，兼容浏览器。最后选用flash实现了
      

  17.   

    你都没说清楚,如果只是类似于PS软件之类的操作,HTML5现在是个不错的选择,又或是从某些图库挑选来图片来进行组合,还是HTML5可以很好解决.最近在研究的是如何时在网页上制作千差万别的数学或物理方面的题目,多少跟你这个有关
      

  18.   

    fusionchart 这控件挺好用的
      

  19.   

    1、利用DIV+CSS+DHTML实现2、利用Javascript库实现，例如jsDraw2D、高性能矢量图形库wz_jsgraphics.js  3、利用SVG/VML+JS库实现，例如Raphael.js库
      

  20.   

    曾经看到一篇文章中提过：
    1 插件实现
         优点：功能丰富。护展性好，速度快。
         缺点：首次访问必须下载插件。
    2 flash实现
         优点：首次访问不需要下载插件（大部分浏览已经安装有flash插件），画面质量高。
         缺点：速度较慢，需要懂得flash相关编程的知识。
    3 js实现
         优点：首次访问不需要下载插件
         缺点：速度应该慢于插件的实现（没有测试），实现方法较牵强。http://www.cnblogs.com/acro/archive/2007/12/12/992244.html
      

  21.   

    SVG没用过 也懒的研究这个了html+css 可以 不过速度很难保证现在canvas也可以 还是速度问题个人觉得 目前上web上画图就是一个鸡肋
    复杂了跑不动（开发还不如flash方便） 简单了 我直接用gif
      

  22.   


    顶，web上画图确实是个鸡肋，不然flash,Silverlight就不会出现了。我个人认为，如果要画图，还是用flash和Silverlight合适，推荐Sivlerlight.
      

  23.   

    1、利用DIV+CSS+DHTML实现2、利用Javascript库实现，例如jsDraw2D、高性能矢量图形库wz_jsgraphics.js   3、利用SVG/VML+JS库实现，例如Raphael.js库
      

  24.   

    还是用flex来绘制图片吧，例子比较多，js有浏览兼容问题，不是太好
      

  25.   

    jquery+highcharts
    用来画一些复杂的bar chart，pie chart，line chart等等非常不错，可以兼容iphone平台，主要使用json数据和后台交互，速度也还行，还可以支持自定义图形，各种事件响应也很到位，简单易学。
      

  26.   

    jquery+highcharts
    用来画一些复杂的bar chart，pie chart，line chart等等非常不错，可以兼容iphone平台，主要使用json数据和后台交互，速度也还行，还可以支持自定义图形，各种事件响应也很到位
      

  27.   


    用Raphael.js+ajax做过仿vista仪表盘，感觉还行。Raphael封装的很强大。
      

  28.   

    能引导用户升级客户端的话，用WebGL吧，潜力无限：
    http://media.tojicode.com/q3bsp/
      

  29.   

    最直接的应该是 canvas, 这才是真正的专门用来绘图的元素，顾名思义不要把它们直接比较，是不同层次的东西， flash 还包含创作的层面
      

  30.   


    是额，像 raphael 这样的库也有兼容性问题。