Signature Pad has black background for dataFormat JPEG #2413

surveyjs · Sep 23, 2020 · 6c1f2fc · 6c1f2fc
1 parent c7672a6
commit 6c1f2fc
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/src/question_signaturepad.ts b/src/question_signaturepad.ts
@@ -72,7 +72,7 @@ export class QuestionSignaturePadModel extends Question {
   initSignaturePad(el: HTMLElement) {
     var canvas: any = el.getElementsByTagName("canvas")[0];
     var buttonEl = el.getElementsByTagName("button")[0];
-    var signaturePad = new SignaturePad(canvas);
+    var signaturePad = new SignaturePad(canvas, { backgroundColor: "#ffffff" });
     if (this.isReadOnly) {
       signaturePad.off();
     }
@@ -188,31 +188,38 @@ export class QuestionSignaturePadModel extends Question {
 Serializer.addClass(
   "signaturepad",
   [
-    {
-      name: "allowClear:boolean",
-      default: true,
-    },
     {
       name: "width:number",
+      category: "general",
       default: 300,
     },
     {
       name: "height:number",
+      category: "general",
       default: 200,
     },
     {
-      name: "penColor",
+      name: "allowClear:boolean",
+      category: "general",
+      default: true,
+    },
+    {
+      name: "penColor:color",
+      category: "general",
       default: "#1ab394",
     },
     {
       name: "dataFormat",
+      category: "general",
       default: "",
       choices: [
         { value: "", text: "PNG" },
         { value: "image/jpeg", text: "JPEG" },
         { value: "image/svg+xml", text: "SVG" },
       ],
     },
+    { name: "defaultValue", visible: false },
+    { name: "correctAnswer", visible: false },
   ],
   function () {
     return new QuestionSignaturePadModel("");