利用JS代码在网页上绘图

Question

目前我学习制作一个利用C#浏览器控件，通过代码和网页中的JS代码交互，使得网页上动态绘制图形。
主要只用画出简单的点，线段即可。
我之前了解到，利用html5的canvas可以实现该功能，如moveto lineto，
但是我发现canvas必须使用IE9以上才可以，
我想用使用更低版本的浏览器也可以兼容，
所以想请问有没有其他方法实现我所说的功能。

Answer 1

点，线段extjs 里的chart能满足你要求么？

Answer 2

extjs4中Ext.draw.Component 绘图实例,Ext支持通过js的方式绘图，可以绘制的包括基本图形圆形、矩形等，还可以描绘路径，因为它支持SVG路径语法。
var drawComponent = Ext.create('Ext.draw.Component', {
        viewBox: false,
        items: [{
            type: 'circle',                     //园
            fill: '#79BB3F',
            radius: 100,
            x: 100,
            y: 100
        }, {
            type: 'rect',                       //矩形
            width: 50,
            height: 30,
            fill: '#f00',
            x: 0,
            y: 0
        }, {
            type: "path",
            path: "M100 0 L150 50 L200 0 Z",    //路径
            "stroke-width": "1",
            stroke: "#000",
            fill: "blue"
        }]
    });
    Ext.create('Ext.Window', {
        width: 230,
        height: 250,
        layout: 'fit',
        items: [drawComponent]
    }).show();
更多详情，请参考官方文档：http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.draw.Component

Answer 3

   报告楼主  Flash优先选择

Answer 4

如果只需要支持IE浏览器的话，建议采用VML，绝对满足你的需求，VML教程资料：
http://www.itlearner.com/code/vml/如果还需要兼容其他浏览器，用Raphael，Raphael 是一个用于在网页中绘制矢量图形的 Javascript 库。方便简单，是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。ExtJs 是个重量级的ajax框架，如果只画点、线、圆、矩形等的话有点浪费哦