Unable to draw signature on Canvas with Selenium-Java script

Question

I used below code with multiple points but still its not even drawing a dot on canvas. It is not even recognizing the element. Any other options to automate?

WebElement element = driver.findElement(By.xpath("xpath of canvas"));

Actions builder = new Actions(driver);
Action drawAction = builder.moveToElement(element,135,15) //start points x axis and y axis. 
          .click()
          .moveByOffset(200, 60) // 2nd points (x1,y1)
          .click()
          .moveByOffset(100, 70)// 3rd points (x2,y2)
          .doubleClick()
          .build();
drawAction.perform();

Answer 1

Use click and hold instead of click, the click will just click the mouse and releases it suddenly.

The below code is an example:

           System.setProperty("webdriver.chrome.driver","c:/chromedriver.exe");
           WebDriver driver = new ChromeDriver();
           driver.manage().window().maximize();
           driver.manage().timeouts().implicitlyWait(5,TimeUnit.SECONDS) ;
           driver.get("http://apps.zetakey.com/signsend/");


           Actions builder = new Actions(driver);
           Action drawAction = builder.moveToElement(driver.findElement(By.cssSelector("[id='newSignature']"))) //start points x axis and y axis. 
                     .clickAndHold()
                     .moveByOffset(-50, 60) // 2nd points (x1,y1)
                     .moveByOffset(-60, -70)// 3rd points (x2,y2)
                     .moveByOffset(150, 60) // 2nd points (x1,y1)
                     .moveByOffset(-60, -70)// 3rd points (x2,y
                     .doubleClick()
                     .build();
           drawAction.perform();
           Thread.sleep(6000);

Read more about action class at :

https://www.selenium.dev/selenium/docs/api/java/org/openqa/selenium/interactions/Actions.html