Javascript JSignature从数据库重新创建签名

我已设法将JSignature数据保存到数据库中。 绳子看起来像这样

image/jsignature;base30,4P2cl1H1J1T1U1P1K1yiZ2X54000000337ehq1v1u1z1Atke8200Y47dkqsmda76422232368dj1C1z1D1D1xrea310Z79caa763000Y32568adgol_4DZ335dcfifega3Y79bbcdecab864320Z4caec866767753200Y34667776766472200Z89f975551Y1668aba885330000Z3576

现在我需要在下一页再次显示签名

我试过了

$（“#getSignatureBack”）.jSignature（“导入数据”，数据）

其中，
data
是上面的字符串，
getSignatureBack
是我要显示签名的
div的ID。我该怎么做

谢谢
首先导入所有JSignature库，然后

要创建签名框，请执行以下操作：

<div id="signature">
</div>

<script>
$('#signature').jSignature();
</script>

<button id="button">Submit</button>


$（“#签名”）.jSignature（）；
提交

现在将其保存到数据库中：

 <script>
 $('#button').click(function(){
     var dataToBeSaved =  $("#signature").jSignature("getData","svgbase64");       
    // save this string to the database. 
  })
 </script>

   <div id="displaySignature">
   </div>
   <script>
         $(document).ready(function(data){
           var i = new Image()
           var signature = signatureDataFromDataBase;
    //Here signatureDataFromDataBase is the string that you saved earlier
            i.src = 'data:' + signature;
            $(i).appendTo('#displaySignature')
           })
   </script>


$（“#按钮”）。单击（函数（）{
var datatobesave=$（“#签名”）.jSignature（“getData”，“svgbase64”）；
//将此字符串保存到数据库中。
})

要从数据库中获取它，请执行以下操作：

 <script>
 $('#button').click(function(){
     var dataToBeSaved =  $("#signature").jSignature("getData","svgbase64");       
    // save this string to the database. 
  })
 </script>

   <div id="displaySignature">
   </div>
   <script>
         $(document).ready(function(data){
           var i = new Image()
           var signature = signatureDataFromDataBase;
    //Here signatureDataFromDataBase is the string that you saved earlier
            i.src = 'data:' + signature;
            $(i).appendTo('#displaySignature')
           })
   </script>


$（文档）.ready（函数（数据）{
var i=新图像（）
var signature=signatureDataFromDataBase；
//这里signatureDataFromDataBase是您先前保存的字符串
i、 src='数据：'+签名；
$（i）.附录（“#显示签名”）
})
获取签名方法

打印签名数据

$('id or classname').append("<img class='imported' src='" + dataString + "'></img>");

示例：

下面的示例或

var dataString = $("id or classname").jSignature("getData");


$（文档）.ready（函数（）{
var数据串；
$（“#SignatureControl”）.jSignature({
“装饰颜色”：“透明”，
“线宽”：1，
});
$（'#Getsign'）。单击（函数（）{
dataString=$（“#SignatureControl”）.jSignature（“getData”）；
警报（数据串）；
});
$（'#Printsign'）。单击（函数（）{
var dataString=$（“#SignatureControl”）.jSignature（“getData”）；
警报（数据串）；
$（'#PrintSignatureController'）。追加（“”）；
});
});
#签名控制器
{
宽度：500px；
高度：150像素；
边框：1px纯黑；
}

特征测试


打印测试
振作起来
打印信号
我找到了这个问题的解决方案。我在保存它的时候做错了。将其保存为svg而不是base30。您能完整回答这个问题吗……如何保存签名，然后如何从DB中重新创建签名？是的，我当然能做到。我将把它作为这篇文章的答案发布。酷…你知道如何将它显示为图像，只是为了让人看到而不是编辑吗？上面最后一段代码正是你想要的。它将显示为图像，无法编辑。我想让它与base30一起使用，因为它小得多…目前它与我的解决方案配合使用，但我不满意。看看我的问题：也许你能帮忙？