Рисование графики в ExtJs

Question

Прежде всего, я хочу отметить, что я очень плохо знаком с библиотекой ExtJs.Я хочу создать изображение с помощью некоторого API рисования / холста.Изображение, которое я хочу создать, похоже на изображение ниже.

Мне интересно, возможно ли это с помощью javascript / Extjs, потому что я не смог найти в Интернете ничего, что прояснило бы это.Если бы вы могли подумать о другом подходе, я также был бы признателен за это.

Answer 1

Я не знаю API Canvas для Ext. Но вы можете легко использовать API Canvas с Ext. Я возился .

Markup:

<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, который бы облегчал рисование на холсте. Как говорит Джозиа, для этого вам нужно придерживаться простого JavaScript API, но вы все равно можете использовать ExtJS для управления вашими Элементами и Компонентами.