Canvas
{
    id: faceCanvas
    width: canvasSizes
    height: canvasSizes
    visible: false

    renderStrategy: Canvas.Threaded;
    renderTarget: Canvas.Image;

    property var images
    property var callback


    onPaint:
    {
        var ctx = getContext("2d");

        if (images)
        {
            for (y = 0 ;  y< nPieces ; y++)
            {
                ctx.drawImage(images[y], 0, 0, canvasSizes, canvasSizes )
            }
        }

    }

    onPainted:
    {
        if (callback)
        {
            var data = toDataURL('image/png')
            callback(data)
        }
    }
}