如何使用拖放图像进行网页图像处理下降？

Question

我现在的雇主希望我制作一个页面，允许用户将图像和文本拖放到背景上，然后将其保存为jpg或png文件到服务器。拖放是由jQuery启用的，后端是php。我试过html2canvas，但它总是给我一个“画布被污染，无法读取数据”的错误。有没有办法做到这一点？

            $(function() {
            $( "#1" ).draggable({ snap: true });
            $( "#2" ).draggable({ snap: ".screen" });
            $( "#3" ).draggable({ snap: ".screen" });
            $( "#4" ).draggable({ snap: ".ui-widget-header", snapMode: "outer" });
            $( "#5" ).draggable({ grid: [ 20,20 ] });
            $( "#6" ).draggable({ grid: [ 80, 80 ] });
            $("#7").change(function() {
                //alert($(this).val());
                $('.changeMe').css("font-family", $(this).val());
            });

            $("#8").change(function() {
                //alert($(this).val());
                $('.changeMe').css("color", $(this).val());
            });

            $("#9").change(function() {
                $('.changeMe').css("font-size", $(this).val() + "px");
            });