# When I import signature, Only with the draw signatures are displaying very small in fill and sign drop-down, How can draw signature big or what should I need to do for displaying it big

**URL:** <https://pdfjs.community/t/when-i-import-signature-only-with-the-draw-signatures-are-displaying-very-small-in-fill-and-sign-drop-down-how-can-draw-signature-big-or-what-should-i-need-to-do-for-displaying-it-big/3365>\
**Category:** Technical Support\
**Tags:** pdfjs-express\
**Created:** [July 30, 2024, 12:37pm UTC](https://pdfjs.community/t/when-i-import-signature-only-with-the-draw-signatures-are-displaying-very-small-in-fill-and-sign-drop-down-how-can-draw-signature-big-or-what-should-i-need-to-do-for-displaying-it-big/3365 "2024-07-30T12:37:32Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![darian.chen](https://avatars.discourse-cdn.com/v4/letter/d/3d9bf3/32.png) [@darian.chen](https://pdfjs.community/u/darian.chen)\
**Post date:** [July 31, 2024, 2:43pm UTC](https://pdfjs.community/t/when-i-import-signature-only-with-the-draw-signatures-are-displaying-very-small-in-fill-and-sign-drop-down-how-can-draw-signature-big-or-what-should-i-need-to-do-for-displaying-it-big/3365/5 "2024-07-31T14:43:20Z")

</div>

Hi there,

I have tested this issue with the following code. Could you try modifying it to match your signature, Ali?

```javascript
const signatures = [
  [
    { x: 10, y: 10 },
    { x: 50, y: 50 },
  ],
];

const latestAddedSignatureIndex = signatures.length - 1;

const canvas = document.createElement('canvas');
canvas.width = 500;
canvas.height = 500;

const ctx = canvas.getContext('2d');

ctx.lineWidth = 4;
ctx.strokeStyle = 'black';

ctx.beginPath();

const signatureArray = signatures[latestAddedSignatureIndex];

ctx.moveTo(signatureArray[0].x, signatureArray[0].y);

for (let i = 1; i < signatureArray.length; i++) {
  ctx.lineTo(signatureArray[i].x, signatureArray[i].y);
}

ctx.stroke();

const signatureDataURL = canvas.toDataURL();
const signatureTool = instance.Core.documentViewer.getTool('AnnotationCreateSignature');

signatureTool.importSignatures([signatureDataURL]);

```

The signature seems to not appear because the canvas is too large. Could you try shrinking the size of the canvas?

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/pdfjscommunity/original/2X/b/b99e71af9c221b88c74618541d25d7ead93e78d9.png)

---

_[View the full topic](https://pdfjs.community/t/when-i-import-signature-only-with-the-draw-signatures-are-displaying-very-small-in-fill-and-sign-drop-down-how-can-draw-signature-big-or-what-should-i-need-to-do-for-displaying-it-big/3365)._