selenium如何操作HTML5的画布canvas上的元素

话不多少，上图如下，下图红色框内是一个html5的画布，我们要像操作右上角的保存和数据视图的时候是无法公共selenium的普通定位操作到的，那该怎么办呢？

我们先new一个Selenium的actions，然后把鼠标移动到这个按钮右上角的按钮上面，然后点击，是通过像素操作的，具体代码如下：

        Actions actions = new Actions(driver);actions.moveToElement(driver.findElement(By.xpath("//*[@id='subscontent']/div[1]/div/canvas[3]")), 750, 15).click().perform();

像素的位置算法如下图二，但是这种操作方法会被电脑显示器的分辨率影响。

转载于:https://www.cnblogs.com/liujie-/p/8431177.html

selenium如何操作HTML5的画布canvas上的元素相关推荐

刮刮乐html5效果擦除,利用HTML5的画布Canvas实现刮刮卡效果
先给大家展示效果: 你玩过刮刮卡么?一不小心可以中奖的那种.今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果. ...
HTML用画布实现刮刮卡,利用HTML5的画布Canvas实现刮刮卡效果_javascript技巧
先给大家展示效果: 你玩过刮刮卡么?一不小心可以中奖的那种.今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果. ...
flash图片如何镜像翻转_在canvas上实现元素图片镜像翻转动画效果的方法
这篇文章主要介绍了在canvas上实现元素图片镜像翻转动画效果的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧! 一.Canvas图片水平镜像翻转效果预览 ...
【HTML5】在canvas上绘制简单的2D图形（+太极图）
canvas(画布) canvas 元素是H5中新增的一个重要元素,专门用来绘制图形.在页面中放置一个canvas元素,就相当于在页面上放置一块画布,可以利用 canvas api 在其中进行图形的描 ...
前端实现图片快速反转替换_在canvas上实现元素图片镜像翻转动画效果的方法
一.Canvas图片水平镜像翻转效果预览 demo页面中点击图片动画效果可见. 二.Canvas上实现图片镜像翻转的实现 CSS中要想实现元素的翻转效果,比较简单,例如我们希望某一张图片水平镜像翻转, ...
python跳转下一页_在selenium python中访问下一页上的元素
我试图用Python3.5编写一个程序,使用Selenium在中自动执行下载过程zbigz.com网站使用Firefox webdriver.我的代码如下:import time from selen ...
html5中在canvas上绘图
canvas是通过JavaScript控制的,而且其大小必须在绘制的时候就确定大小,不能再通过控制或改变canvas元素的大小 //html代码 <canvas id="my_canv ...
河南省html5画布,HTML5之画布Canvas
canvas拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法.我们在Canvas区域中绘制图形,并不是拿鼠标在Canvas中画画.事实上Canvas元素只是一块无色透明的区域,就像一个只有宽度高度 ...
selenium 操作 html 5,[Selenium] WebDriver 操作 HTML5 中的 video
测试播放,停止播放 http://www.videojs.com/ 示例: package com.learningselenium.html5; import static org.junit.As ...

selenium如何操作HTML5的画布canvas上的元素

selenium如何操作HTML5的画布canvas上的元素相关推荐

最新文章

热门文章