在ExtJs中繪製圖形

Question

首先，我想指出我對ExtJs庫非常陌生。我想通過使用一些繪圖/畫布API來創建圖像。我想要創建的圖像與下面的圖像類似。

我想知道如果這是可能的通過JavaScript/Extjs，因爲我一直沒有能夠找到任何東西在網上，使這一點清楚。如果你能想到另一種方法，我也會很感激。

Answer 1

我不知道用於Ext的畫布API。但是你可以很容易地使用Ext的畫布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來管理你的元素和組件。