Draw text a specified place

[Matthieu]

Is it possible to be able to specify where to draw text in the canvas (not only in the center) ?

Thanks,

Regards,

Matt

[YuvanShankar Arunagiri]

Hi Matt,

Currently we don’t have support to draw text on specified place in signature. We have considered your requirement as improvement for signature component and a logged feature for this. You can track the status of this feature by using the following feedback report link.

Feedback: https://www.syncfusion.com/feedback/45227/provide-the-support-to-draw-text-in-specify-place-on-the-canvas-of-signature

The fix will be available in our upcoming patch release planned for 26th July 2023. You will be informed regarding this once the fix is published.

Disclaimer: The date for the feature implementation is tentative and not a commitment on our parts. 

Regards,

YuvanShankar A

[YuvanShankar Arunagiri]

Hi Matt,

We are glad to announce that our Essential Studio 2023 Volume 2 Service Pack release v22.2.5 is rolled out and is available for download under the following link.

Essential Studio 2023 Volume 2 Service Pack Release v22.2.5 is available for download | Announcements Forums | Syncfusion

We have included the “Provide the support to draw text in specific places on the signature component” in our latest version (22.2.5). So kindly update your Syncfusion packages to latest version (22.2.5).

Feedback link: https://www.syncfusion.com/feedback/45227/provide-the-support-to-draw-text-in-specific-places-on-the-signature-component

Release note: https://ej2.syncfusion.com/angular/documentation/release-notes/22.2.5/?type=all#signature

Package link: https://www.npmjs.com/package/@syncfusion/ej2-angular-inputs

Refer to the below code snippet and sample link.

[API for draw method of signature component]:

* To draw the signature based on the given text, with the font family and font size.

     *

     * @param {string} text - specify text to be drawn as signature.

     * @param {string} fontFamily - specify font family of a signature.

     * @param {number} fontSize - specify font size of a signature.

     * @param {number} x- Specifies the x-coordinate to start the text of a signature. Default to the center point of the image if it not specified.

     * @param {number} y - Specifies the y-coordinate to start the text of a signature. Default to the center point of the image if it not specified.

public saveBtnClick(): void {

        this.signature.draw('Syncfusion', 'Serif', 50, 10, 10);

    }

Sample link: https://stackblitz.com/edit/angular-uls2y7?file=src%2Fapp.component.ts

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.

Regards,

YuvanShankar A