We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Drawing Opacity

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?

3 Replies 1 reply marked as answer

YA YuvanShankar Arunagiri Syncfusion Team February 2, 2023 11:09 AM UTC

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. 


YuvanShankar A

Marked as answer

SK Scott Kuhl February 2, 2023 10:53 PM UTC

Very nice.  Thank you.

YA YuvanShankar Arunagiri Syncfusion Team February 3, 2023 03:30 AM UTC

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.

Live Chat Icon For mobile
Up arrow icon