Drawing Opacity

[Scott Kuhl]

Is there any way in the Signature control for Blazor to set the opacity of drawn lines so the background image can better be seen through the lines?

[YuvanShankar Arunagiri]

Hi Scott,

Sorry for the delay. We have checked your reported issue and prepared the sample based on your requirements. Using the StrokeColor property of the signature, we can adjust the opacity level of the color. Please refer to the below code snippet.

<SfSignature BackgroundImage="https://media.istockphoto.com/photos/pixelated-leaf-picture-id1335295829?s=612x612"

  StrokeColor="rgba(100, 100, 100, 0.7)" MaxStrokeWidth="1" MinStrokeWidth="1"></SfSignature>

Kindly set the MinStrokeWidth and MaxStrokeWidth to 1, because we are using the arcDraw method to draw the signature on canvas. If we increase the width at which the dotted point is visible when we use a light color with low opacity,

Get back to us if you need any further assistance on this. 

Regards,

YuvanShankar A

[Scott Kuhl]

Very nice.  Thank you.

[YuvanShankar Arunagiri]

You are welcome, Scott. Please get back to us if you need any other assistance.

If that post is helpful, please consider accepting it as the solution so that other members can locate it more quickly.