如何保存jquery创建的网格

Question

我使用jquery创建了一个图形，但我无法将其保存为.jpg或.png格式。这是我的jquery网格代码。链接is here

HTML部分：<div id="working-area" name="working" align="center"></div>

脚本部分：

function createGrid(size) {
    var ratioW = Math.floor(num1*$(window).width()/$(window).width()),
        ratioH = Math.floor(num2*$(window).height()/$(window).height());


var parent = $('<div />', {
    class: 'grid',
    id: 'idgrid',
    width: ratioW  * size,
    height: ratioH  * size
}).addClass('grid').appendTo('#working-area');

for (var i = 0; i < ratioH; i++) {
    for(var p = 0; p < ratioW; p++){
        $('<div />', {
            width: size - 1,
            height: size - 1
        }).appendTo("#idgrid");
    }
} }

请给出一些解决方案。