php - ドラッグ＆ドロップでウェブページを画像にするには？

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");
            });