На моих страницах есть элемент SignaturePad (canvas), который позволяет пользователю рисовать поверх другого изображения.Я использую функцию для рисования одного поверх другого в новом экземпляре холста, а затем сохраняю результат как DataURL.
Панель рисования выглядит следующим образом:
Результирующий dataURL, который сохраняется как:
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACWCAYAAABkW7XSAAAAAXNSR0IArs4c6QAAB5FJREFUeAHt3EmPZWMcBvAytiCmmMfQaDMbW2JpZ2sjInwI8Qks7CxsfQIL0pEITQeREPO0EWOb2jyL8Xk69+3cpqpbVd1Sdat+b/LkPXc6957fPf3vc9733FpY0AgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAgQIECAAAECBAhsFIHDFvsgfy0sHJ/7b01uSI5Lvkg+Sj5IPkn+TE5Mjki+T75M+py9WeF36TUCBAjMXOCAgpVCdWze4b7krqTFaCXt17xob/J58tkk08vjvk/z2Jf5AC1+GgECBA4psL9gpVidnmfvTnYc8lWze8LvWVWPzFq8Wsi+TbYl/Vwtcq8lve/npIXwp+SXSd/7erv9j+3zoj/SawQIbFKBfQUrxerwbN9zyfVzvp2jqLWA/ZCMvss9dR19T1un06L4TdL+6y4HpuvSCBDYQAJHTj7LnennvVh1U3p01pzcG6tpKeI9cvtqko7Rjewbq8vtcdo7Tnc7fucILzAagbUSGEdYT+YNblyrN9ki6+1YXIvZJ1P5OMsje7LciYvPgm7cLhAageUKjILVU6djl/tiz1+RQMftWtQ+TFrA2o90FrbLn+eLyUGeRoDAtMAoWP5xTKus/3LHz6aL2Chk+/t8cR2P0whsKYFRsDrYfMKW2vL539hOEoyiNo7U2u+Pojb/X7ItOFBgFKydufvmAx9yaxMIdCa0Y2fTGWNqo/80O8Fvm2BbbcIWEBgF65Zs60NbYHtt4r8FOhzQGdAxWdBr4pre7rVx43YnCzprqhFYN4F9Bavvnr32qXQ3rNsn8cbzINAjsXEZR4tZZ0V7DV9nPd9L+p/eK9mpzIIGQpu9wHTBOiWr78Wjl8z+baxxCwl0FvT1pL9SeGOy3P797GwmdwKhrVxgf8HqKrI39dKG+5PbkiMSjcCsBDqr+VbS4tW8OYlCFgjtvwkcULDGS1K4OmN4R3JTcm5yatK/znB8opAFQZuZwI9ZUwvZKGCjfzc7p1PLmTFvjhUtWrCW2rQUsj7/jOTCSS5K32xPLk7OSpa1zjxfI7CYQH8a9XYyjsba91SzhcypZSC2YptpcZmcUnYM7NLksuSK5MpkR3J0ohFYrUCPyFq8Xp3klfQvZ0fuJRzaJheYacFayiqF7Kg81qJ1TXJdcu0kPVrTCKxWoEdc7yQvJs9P8kJ27hY3bRMJ/C8Faymv7GUtWFcnVyU9EmsuT05KNlp7IB/opeS0qZye5W5D+97fKX5tYwj0L2d0pvLZ5Jlkd3b2/gpAm2OBdS1YS7mlkHUsrKeUTY/MRi7I8noUhV4wuT1Y/TnMoi2fuZMRLVxnJv38ZyfnTNKJiy6fl6z6T99kHdrKBN7Ny55MdiVP5Pvck16bI4ENWbCW8ktR2JbHOsjfMbKOlXWgv8vtWxDWqpjdHqgHs/5Vt2xDLx1pAWvxOn/STy/3vuMSbe0FOqj/2CS78h330gttAwvMVcE6mGMKwTF5/MKkhayzltO5ILePTpbbstqFu4N073JfuJrn5017Ee9ixayFrWlxPirRZifwW1b1dPJosjPfeWcktQ0msGkK1sFcUwCOzOM9qmkR6xHa6Lvc/PM0rYXqmeSeAO1Ov6FaPtzh+UAdOxtHau2bFrLRd7lFXFuZwId52c7kkaSnjz+tbDVeNUuBLVGwDgWWAtCC1cLVf+TdMd8MzMfp57plu3qk1m3qeNoYU2s/xtjad8zN0VoQDtJ+yWOPJy1eD2ff2HOQ53poDQX+BvREEuTO7sQHAAAAAElFTkSuQmCC
Это то, что PDF отображает: 
Любая помощь будет оценена;Я застрял на этом в течение длительного времени, и был бы очень признателен, чтобы указать правильное направление!Спасибо!