16. fejezet – Canvas Rajzolás

Egér-alapú rajzolás Canvas-on — Selenium Actions.moveByOffset() gyakorlat

Rajzolj az egérrel a Canvas-ra id="canvas" / id="canvasClear"

Kattints és húzd az egeret a rajzoláshoz. Selenium: Actions.clickAndHold(canvas).moveByOffset(x,y).release()

Kattints és húzd az egeret a rajzoláshoz. Érintőképernyőn is működik.

Selenium — Canvas automatizálás reference

Rajzolás Actions-szel


          WebElement canvas =

           driver.findElement(

            By.id("canvas"));

          new Actions(driver)

           .moveToElement(canvas)

           .clickAndHold()

           .moveByOffset(100, 50)

           .moveByOffset(50, -30)

           .release()

           .perform();

Canvas törlés


          // id="canvasClear" gomb

          WebElement clear =

           driver.findElement(

            By.id("canvasClear"));

          clear.click();


          // Vagy JS-sel:

          ((JavascriptExecutor)driver)

           .executeScript(

           "var c=document

           .getElementById('canvas');

           c.getContext('2d')

           .clearRect(0,0,

           c.width,c.height);");