Javascript 在ExtJs中绘制图形

首先，我想指出，我对ExtJs库非常陌生。我想通过使用一些绘图/画布API创建一个图像。我要创建的图像与下图类似。

---

我想知道通过javascript/Extjs是否可以做到这一点，因为我还没有在网上找到任何能说明这一点的东西。如果您能想出一种不同的方法，我也会很感激。

我不知道Ext的canvas API。但是您可以轻松地将canvas API与Ext结合使用

标记：

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

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();
}

JavaScript:

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

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();
}

Ext.onReady（函数（）{
draw（document.getElementById（'c1'））；
});
功能图（el）{
var=el；
var ctx=canvas.getContext（“2d”）；
ctx.strokeRect（0,0,50,200）；
对于（变量y=10；y<200；y+=10）{
ctx.moveTo（0，y）；
ctx.lineTo（25，y）；
}
ctx.stroke（）；
ctx.closePath（）；
}

我不知道Ext的canvas API。但是您可以轻松地将canvas API与Ext结合使用

标记：

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

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();
}

JavaScript:

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

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();
}

Ext.onReady（函数（）{
draw（document.getElementById（'c1'））；
});
功能图（el）{
var=el；
var ctx=canvas.getContext（“2d”）；
ctx.strokeRect（0,0,50,200）；
对于（变量y=10；y<200；y+=10）{
ctx.moveTo（0，y）；
ctx.lineTo（25，y）；
}
ctx.stroke（）；
ctx.closePath（）；
}

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

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

我找到了一个名为Raphael的JS库，这就足够了吗？我找到了一个名为Raphael的JS库，这就足够了吗？