在ExtJs中绘制图形

Question

首先，我想指出我是ExtJs库的新手。我想通过使用一些绘图/画布API来创建图像。我想要创建的图像类似于下图。

我想知道这是否可以通过javascript / Extjs，因为我无法在网上找到任何明确的内容。如果你能想到一种不同的方法，我也会很感激。

Answer 1

我不知道Ext的canvas API。但您可以轻松地使用带有Ext的canvas API。 I fiddled it

<强>标记：

<canvas id="c1"></canvas>

<强> JavaScript的：

Ext.onReady(function() {
    draw(document.getElementById('c1'));
});

function draw(el) {
    var canvas = el;
    var ctx = canvas.getContext("2d");
    ctx.strokeRect(0, 0, 50, 200);
    for(var y = 10; y < 200; y += 10){
        ctx.moveTo(0, y);
        ctx.lineTo(25, y);
    }
    ctx.stroke();
    ctx.closePath();
}

Answer 2

据我所知，ExtJS 3.x没有任何便于画布绘制的API。正如Josiah所说，你需要坚持使用普通的JavaScript API，但你仍然可以使用ExtJS来管理你的元素和组件。