javascript - 在 ExtJ 中绘制图形

Question

首先我想指出我对 ExtJs 库非常陌生。我想通过使用一些绘图/ Canvas 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();
}