Javascript 如何将图像分割成若干部分

我正在寻找一种将图像分割成碎片的方法

可以使用“平铺高度”和“平铺宽度”来配置图像可以分割成的块数。正在寻求帮助

我不想要任何框架的解决方案。仅使用普通JavaScript

我试过下面的方法

var _clipX =0;
var _clipY = _clipX;
var _clipHeight = IMAGE_HEIGHT/TILE_HEIGHT;
var _clipWidth = IMAGE_WIDTH/TILE_WIDTH;
var _nRows = Math.floor(IMAGE_HEIGHT/TILE_HEIGHT);
var _nColumns = Math.floor(IMAGE_WIDTH/TILE_WIDTH); 
for(var i=0;i<_nRows;i++){
    for(var j=0;j<_nColumns;j++){
        el.getContext('2d').drawImage(image, _clipX, _clipY, _clipWidth, _clipHeight, _clipX, _clipY,_clipWidth , _clipHeight);
        _clipX = _clipX + _clipWidth;
    }
    _clipX = 0
    _clipY = _clipY + _clipHeight;
}

var\u clipX=0；
var _clipY=_clipX；
var\u clipHeight=图像高度/瓷砖高度；
var _clipWidth=图像宽度/瓷砖宽度；
var _nRows=数学地板（图像高度/瓷砖高度）；
var _nColumns=数学地板（图像宽度/瓷砖宽度）；
对于（var i=0；iYes）

找到了。当你调用draw image时，它没有迭代图像标记维度，而是迭代图像的自然维度，这就是我面临的问题

现在，我已经尝试了与我的img标签尺寸相同的图像大小，它工作得非常好

感谢大家提供的帮助
这怎么不起作用，出了什么问题？上面的结果是什么？我的期望是返回相同的图像。我知道这可以在不传递剪裁值的情况下完成，但我希望它们可以单独访问，以便进行一些扩展的工作计划，从每个瓷砖中提取主色调