一、Selenium
简介
selenium最初是一个自动化测试工具,而爬虫中使用它主要是为了解决requests无法直接执行JavaScript代码的问题 selenium本质是通过驱动浏览器,完全模拟浏览器的操作,比如跳转、输入、点击、下拉等,来拿到网页渲染之后的结果,可支持多种浏览器
安装
1. 下载驱动
if window系统:
http://npm.taobao.org/mirrors/chromedriver/2.42/

windows只有32位的!
下载chromdriver.exe放到python安装路径的scripts目录中即可,注意最新版本是2.42,并非2.9

然后将解压后的chromedriver移动到/usr/local/bin目录下
2. 安装pip包
pip3 install -i https://pypi.tuna.tsinghua.edu.cn/simple selenium
注意:selenium3默认支持的webdriver是Firfox,而Firefox需要安装geckodriver 下载链接
我个人比较喜欢 谷歌浏览器
Selenium模块
1. 简单使用
from selenium import webdriverimport timebrowser=webdriver.Chrome() # 调用谷歌浏览器驱动器try:browser.get('https://www.jd.com') # 访问网页time.sleep(3) # 等待3秒finally:browser.close() # 关闭浏览器
它会自动打开谷歌浏览器,并访问京东!3秒后,会自动关闭!
注意:地址栏下方会有提示:Chrome 正受到自动测试软件的控制
比如:在搜索框输入:美女。回车之后,会跳转到新的页面。这个简单动作,selenium 也可以完成!
先来看搜索框的id为key

再来看跳转新页面的内容区域,div的id为J_goodsList

代码如下:
from selenium import webdriverfrom selenium.webdriver.common.by import By #按照什么方式查找,By.ID,By.CSS_SELECTORfrom selenium.webdriver.common.keys import Keys #键盘按键操作from selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素import timebrowser=webdriver.Chrome()try:browser.get('https://www.jd.com')input_tag=browser.find_element_by_id('key') # 查找id=key的标签input_tag.send_keys('美女') # 输入关键字 美女input_tag.send_keys(Keys.ENTER) # 输入 回车键wait=WebDriverWait(browser,10) # 等待加载资源,如果有,则不等待。最多等待10秒wait.until(EC.presence_of_element_located((By.ID,'J_goodsList'))) #等到id为J_goodsList的元素加载完毕,最多等10秒# time.sleep(3)finally:browser.close()
运行程序,效果如下:

注意:这些id需要提前知道才行,否则查找一个不存在的标签时,会等待10秒!
Selenium支持非常多的浏览器,如Chrome、Firefox、Edge等,还有Android、BlackBerry等手机端的浏览器。另外,也支持无界面浏览器PhantomJS。
from selenium import webdriverbrowser = webdriver.Chrome()browser = webdriver.Firefox()browser = webdriver.Edge()browser = webdriver.PhantomJS()browser = webdriver.Safari()
初期,我们使用的是有界面的谷歌浏览器。后期,可以使用无界面浏览器PhantomJS,它的启动速度比打开谷歌浏览器要快。
虽然它是没有界面的,但是一样能达到谷歌浏览器访问的效果!
2. 元素定位
webdriver 提供了一系列的元素定位方法,常用的有以下几种:
idnameclass nametag namelink textpartial link textxpathcss selector
分别对应python webdriver 中的方法为:
find_element_by_id()find_element_by_name()find_element_by_class_name()find_element_by_tag_name()find_element_by_link_text()find_element_by_partial_link_text()find_element_by_xpath()find_element_by_css_selector()
注意
1、find_element_by_xxx找的是第一个符合条件的标签,find_elements_by_xxx找的是所有符合条件的标签。
2、根据ID、CSS选择器和XPath获取,它们返回的结果完全一致。
3、另外,Selenium还提供了通用方法find_element(),它需要传入两个参数:查找方式By和值。实际上,它就是find_element_by_id()这种方法的通用函数版本,比如find_element_by_id(id)就等价于find_element(By.ID, id),二者得到的结果完全一致。
举例:
from selenium import webdriverfrom selenium.webdriver.common.by import By #按照什么方式查找,By.ID,By.CSS_SELECTORfrom selenium.webdriver.common.keys import Keys #键盘按键操作from selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素import timebrowser=webdriver.Chrome()try:browser.get('https://www.jd.com')# 查找class属性为text的标签,注意:find_element表示只查找一个tags = browser.find_element_by_class_name("text")print(tags.tag_name) # 打印标签名# 查找name属性为Keywords的标签tags = browser.find_element_by_name("Keywords")print(tags.tag_name)# 查找文本内容为家用电器的标签tags = browser.find_element_by_link_text("家用电器")print(tags.tag_name)# find_elements,注意:后面有一个s,表示查询所有的# partial_link_text 表示模糊匹配。只要超链接文本带有家的标签tags = browser.find_elements_by_partial_link_text("家")for i in tags: # 它返回一个列表,需要使用for循环print(i.tag_name,i.get_attribute('href')) # 打印标签名和href属性# 查询class为cate_menu_item下面的a标签tags=browser.find_element_by_css_selector(".cate_menu_item a")print(tags.tag_name)# 选取所有的节点中id='login'下面的h1下面的a标签tags=browser.find_element_by_xpath('//*[@id="logo"]/h1/a')print(tags.tag_name)# 查询class属性为text的标签tags=browser.find_element(By.CLASS_NAME,"text")print(tags.tag_name)finally:browser.close()
执行输出:
inputmetaaa https://jiadian.jd.com/a https://channel.jd.com/home.htmla https://channel.jd.com/furniture.htmla https://channel.jd.com/decoration.htmlaainput
3. 节点交互
Selenium可以驱动浏览器来执行一些操作,也就是说可以让浏览器模拟执行一些动作。比较常见的用法有:输入文字时用send_keys()方法,清空文字时用clear()方法,点击按钮时用click()方法。示例如下:
from selenium import webdriverimport timebrowser = webdriver.Chrome()browser.get('https://www.taobao.com') # 打开淘宝input = browser.find_element_by_id('q') # 查询id属性为q的标签,也就是input搜索框!input.send_keys('MAC') # 输入文字MACtime.sleep(1) # 等待1秒input.clear() # 清空文字input.send_keys('IPhone') # 输入文字IPhone# 查询class属性为btn-search的标签,也就是搜索按钮,它是一个button标签button = browser.find_element_by_class_name('btn-search')button.click() # 点击按钮,也就是点击搜索browser.close()
效果如下:

更多操作,请参考:
4. 动作链
在上面的实例中,一些交互动作都是针对某个节点执行的。比如,对于输入框,我们就调用它的输入文字和清空文字方法;对于按钮,就调用它的点击方法。其实,还有另外一些操作,它们没有特定的执行对象,比如鼠标拖曳、键盘按键等,这些动作用另一种方式来执行,那就是动作链。
先来访问一个网页:
http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable
右边拖动玩一下,效果如下:

注意:右边的窗口使用了iframe,它是一个行内框架。它可以有独立的标签

因此,使用selenium时,需要使用switch_to.frame切换到frame才行,否则找不到!
比如,现在实现一个节点的拖曳操作,将某个节点从一处拖曳到另外一处,可以这样实现:
from selenium import webdriverfrom selenium.webdriver import ActionChainsimport timebrowser = webdriver.Chrome()url = 'http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable'browser.get(url) # 访问网页browser.switch_to.frame('iframeResult') # 切换到frame,找到id为iframeResult的元素source = browser.find_element_by_css_selector('#draggable') # 起始标签target = browser.find_element_by_css_selector('#droppable') # 目的标签actions = ActionChains(browser) # 创建动作链# actions.drag_and_drop(source, target)actions.click_and_hold(source) # 点击鼠标左键,按住不放time.sleep(0.5)# 这里为什么要for循环呢?因为要模拟匀速运动for i in range(5):# 移动坐标,xOffset 为横坐标,yOffset 为纵坐标# 调用perform()方法时,队列中的时间会依次执行。它会执行链中的所有动作actions.move_by_offset(xoffset=17,yoffset=0).perform()time.sleep(0.3)actions.release() # 松开鼠标左键browser.close()
执行效果如下:

在滑动验证码中,如果拖动速度过快,它不会让你通过的!必须模拟人的速度才行!
更多操作,请参考链接:
5. 执行JavaScript
对于某些操作,Selenium API并没有提供。比如,下拉进度条,它可以直接模拟运行JavaScript,此时使用execute_script()方法即可实现,代码如下:
from selenium import webdriverbrowser = webdriver.Chrome()browser.get('https://www.jd.com/')# window.scrollTo表示右侧的滑动条,括号的参数表示。从上面直接拉到最底下browser.execute_script('window.scrollTo(0, document.body.scrollHeight)')browser.execute_script('alert("123")') # 弹出123
效果如下:

可以看出,进度条拖动的太快了,页面都还没有加载完,都已经到底部了!
6. 获取节点信息
通过page_source属性可以获取网页的源代码,接着就可以使用解析库(如正则表达式、Beautiful Soup、pyquery等)来提取信息了。
不过,既然Selenium已经提供了选择节点的方法,返回的是WebElement类型,那么它也有相关的方法和属性来直接提取节点信息,如属性、文本等。这样的话,我们就可以不用通过解析源代码来提取信息了,非常方便。
from selenium import webdriverfrom selenium.webdriver.common.by import By #按照什么方式查找,By.ID,By.CSS_SELECTORfrom selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素browser=webdriver.Chrome()browser.get('https://www.amazon.cn/')wait=WebDriverWait(browser,10)wait.until(EC.presence_of_element_located((By.ID,'cc-lm-tcgShowImgContainer')))tag=browser.find_element(By.CSS_SELECTOR,'#cc-lm-tcgShowImgContainer img')#获取标签属性,print(tag.get_attribute('src'))#获取标签ID,位置,名称,大小(了解)print(tag.id)print(tag.location)print(tag.tag_name)print(tag.size)browser.close()
执行输出:
https://images-cn.ssl-images-amazon.com/images/G/28/kindle/design/2018/Device/ys_180925_ATF1500x300_travel_dvc._CB484178544_.jpg0.2783295412354032-2{'x': 0, 'y': 0}img{'height': 0, 'width': 0}
注意:
location 始终不滚动,返回相对整个html或者对应frame的坐标
7. 延时等待
在Selenium中,get()方法会在网页框架加载结束后结束执行,此时如果获取page_source,可能并不是浏览器完全加载完成的页面,如果某些页面有额外的Ajax请求,我们在网页源代码中也不一定能成功获取到。所以,这里需要延时等待一定时间,确保节点已经加载出来。这里等待的方式有两种:一种是隐式等待,一种是显式等待。
隐式等待:
当使用隐式等待执行测试的时候,如果Selenium没有在DOM中找到节点,将继续等待,超出设定时间后,则抛出找不到节点的异常。换句话说,当查找节点而节点并没有立即出现的时候,隐式等待将等待一段时间再查找DOM,默认的时间是0。示例如下:
from selenium import webdriverfrom selenium.webdriver import ActionChainsfrom selenium.webdriver.common.by import By #按照什么方式查找,By.ID,By.CSS_SELECTORfrom selenium.webdriver.common.keys import Keys #键盘按键操作from selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素browser=webdriver.Chrome()#隐式等待:在查找所有元素时,如果尚未被加载,则等10秒browser.implicitly_wait(10)browser.get('https://www.baidu.com')input_tag=browser.find_element_by_id('kw')input_tag.send_keys('美女')input_tag.send_keys(Keys.ENTER)contents=browser.find_element_by_id('content_left') #没有等待环节而直接查找,找不到则会报错print(contents)browser.close()
显示等待(推荐):
隐式等待的效果其实并没有那么好,因为我们只规定了一个固定时间,而页面的加载时间会受到网络条件的影响。这里还有一种更合适的显式等待方法,它指定要查找的节点,然后指定一个最长等待时间。如果在规定时间内加载出来了这个节点,就返回查找的节点;如果到了规定时间依然没有加载出该节点,则抛出超时异常。
from selenium import webdriverfrom selenium.webdriver import ActionChainsfrom selenium.webdriver.common.by import By #按照什么方式查找,By.ID,By.CSS_SELECTORfrom selenium.webdriver.common.keys import Keys #键盘按键操作from selenium.webdriver.support import expected_conditions as ECfrom selenium.webdriver.support.wait import WebDriverWait #等待页面加载某些元素browser=webdriver.Chrome()browser.get('https://www.baidu.com')input_tag=browser.find_element_by_id('kw')input_tag.send_keys('美女')input_tag.send_keys(Keys.ENTER)#显式等待:显式地等待某个元素被加载wait=WebDriverWait(browser,10)wait.until(EC.presence_of_element_located((By.ID,'content_left')))contents=browser.find_element(By.CSS_SELECTOR,'#content_left')print(contents)browser.close()
看上面一段代码,如果将wait这2行代码注释掉,运行之后,就会报错:
selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element:...
重新开启wait2行代码,就不会报错了!
关于等待条件,其实还有很多,比如判断标题内容,判断某个节点内是否出现了某文字等。更多查看
8. 前进和后退
平常使用浏览器时都有前进和后退功能,Selenium也可以完成这个操作,它使用back()方法后退,使用forward()方法前进。示例如下:
import timefrom selenium import webdriverbrowser = webdriver.Chrome()browser.get('https://www.baidu.com')browser.get('https://www.taobao.com')browser.get('http://www.qq.com/')browser.back() # 后退time.sleep(1)browser.forward() # forwardbrowser.close() # 关闭浏览器
效果如下:

9. Cookies
使用Selenium,还可以方便地对Cookies进行操作,例如获取、添加、删除Cookies等。示例如下:
from selenium import webdriverbrowser = webdriver.Chrome()browser.get('https://www.zhihu.com/explore')# 打印知乎设置的cookieprint(browser.get_cookies())# 增加3个cookiebrowser.add_cookie({'name': 'name', 'domain': 'www.zhihu.com', 'value': 'germey'})# 打印增加之后的所有cookieprint(browser.get_cookies())# 清空此页面的所有的cookiebrowser.delete_all_cookies()print(browser.get_cookies()) # 最终结果是[]browser.close() # 关闭浏览器
执行输出,cookie太多了,直接用…替代了
[{'domain': '.zhihu.com',...][...'name': 'name', 'domain': 'www.zhihu.com', 'value': 'germey'][]
10. 异常处理
from selenium import webdriverfrom selenium.common.exceptions import TimeoutException,NoSuchElementException,NoSuchFrameExceptiontry:browser=webdriver.Chrome()browser.get('http://www.runoob.com/try/try.php?filename=jqueryui-api-droppable')browser.switch_to.frame('iframssseResult')except TimeoutException as e: # 超时错误print(e)except NoSuchFrameException as e: # 找不到Frame错误print(e)finally:browser.close() # 关闭浏览器
案例讲解
滑动验证码的破解
运行之前,先按照PIL
pip3 install Pillow
我加了一些注释,方便理解,完整代码如下:
from selenium import webdriverfrom selenium.webdriver.support.ui import WebDriverWait # 等待元素加载的from selenium.webdriver.common.action_chains import ActionChains #拖拽from selenium.webdriver.support import expected_conditions as ECfrom selenium.common.exceptions import TimeoutException, NoSuchElementExceptionfrom selenium.webdriver.common.by import Byfrom PIL import Imageimport requestsimport reimport randomfrom io import BytesIOimport timedef merge_image(image_file,location_list):"""拼接图片"""im = Image.open(image_file)im.save('code.jpg')new_im = Image.new('RGB',(260,116))# 把无序的图片 切成52张小图片im_list_upper = []im_list_down = []# print(location_list)for location in location_list:# print(location['y'])if location['y'] == -58: # 上半边im_list_upper.append(im.crop((abs(location['x']),58,abs(location['x'])+10,116)))if location['y'] == 0: # 下半边im_list_down.append(im.crop((abs(location['x']),0,abs(location['x'])+10,58)))x_offset = 0for im in im_list_upper:new_im.paste(im,(x_offset,0)) # 把小图片放到 新的空白图片上x_offset += im.size[0]x_offset = 0for im in im_list_down:new_im.paste(im,(x_offset,58))x_offset += im.size[0]#new_im.show()return new_imdef get_image(driver,div_path):'''下载无序的图片 然后进行拼接 获得完整的图片:param driver::param div_path::return:'''background_images = driver.find_elements_by_xpath(div_path)location_list = []for background_image in background_images:location = {}result = re.findall('background-image: url\("(.*?)"\); background-position: (.*?)px (.*?)px;',background_image.get_attribute('style'))# print(result)location['x'] = int(result[0][1])location['y'] = int(result[0][2])image_url = result[0][0]location_list.append(location)image_url = image_url.replace('webp','jpg')# '替换url http://static.geetest.com/pictures/gt/579066de6/579066de6.webp'image_result = requests.get(image_url).contentimage_file = BytesIO(image_result) # 是一张无序的图片image = merge_image(image_file,location_list)return imagedef get_track(distance):# 初速度v=0# 单位时间为0.2s来统计轨迹,轨迹即0.2内的位移t=0.2# 位移/轨迹列表,列表内的一个元素代表0.2s的位移tracks=[]tracks_back=[]# 当前的位移current=0# 到达mid值开始减速mid=distance * 7/8print("distance",distance)global random_int # 定义全局变量random_int=8 # 超过目标位置的距离。我故意的,模拟人的行为distance += random_int # 先滑过一点,最后再反着滑动回来while current < distance:if current < mid:# 加速度越小,单位时间的位移越小,模拟的轨迹就越多越详细# 匀速是不对的,人不能保证每一次滑动的速度是一致的# random.randint表示获取随机整数,范围是2~5之间# 用随机数,就可以模拟人的行为a = random.randint(2,5) # 加速运动else:a = -random.randint(2,5) # 减速运动# 初速度v0 = v# 0.2秒时间内的位移。通过时间和速度,能得到距离。这是小学的知识了!s = v0*t+0.5*a*(t**2)# 当前的位置current += s# 添加到轨迹列表if round(s)>0: # round表示四色五入,这里取的是整数!向上取整tracks.append(round(s))else:tracks_back.append(round(s))# 速度已经达到v,该速度作为下次的初速度v= v0+a*tprint("tracks:",tracks)print("tracks_back:",tracks_back)print("current:",current)# 反着滑动到大概准确位置tracks_back.append(distance-current)tracks_back.extend([-2,-5,-8,])return tracks,tracks_backdef get_distance(image1,image2):'''拿到滑动验证码需要移动的距离:param image1:没有缺口的图片对象:param image2:带缺口的图片对象:return:需要移动的距离'''# print('size', image1.size)threshold = 50 # 阈值,表示色度差for i in range(0,image1.size[0]): # 260 # 宽for j in range(0,image1.size[1]): # 160 # 高pixel1 = image1.getpixel((i,j))pixel2 = image2.getpixel((i,j))res_R = abs(pixel1[0]-pixel2[0]) # 计算RGB差res_G = abs(pixel1[1] - pixel2[1]) # 计算RGB差res_B = abs(pixel1[2] - pixel2[2]) # 计算RGB差# 判断颜色的灰度差别太大时,要移动if res_R > threshold and res_G > threshold and res_B > threshold:return i # 需要移动的距离,i就是横坐标def main_check_code(driver,element):"""拖动识别验证码:param driver::param element::return:"""# 找到登录按钮login_btn = driver.find_element_by_class_name('js-login')login_btn.click() # 点击一下,它会弹出模态框# 等待加载class为gt_guide_tip的标签,也就是提示 按住左边滑块,拖动完成上方拼图# 最多等待30秒,后面的0.5是啥,我不知道。人家网上是这么写,我就copy过来了!element = WebDriverWait(driver, 30, 0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'gt_guide_tip')))slide_btn = driver.find_element_by_class_name('gt_guide_tip')slide_btn.click() # 点击滑块,出现缺口# 图片上 缺口的位置的x坐标# 左边的缺口image1 = get_image(driver, '//div[@class="gt_cut_bg gt_show"]/div')# 右边的缺口image2 = get_image(driver, '//div[@class="gt_cut_fullbg gt_show"]/div')# 2 对比两张图片的所有RBG像素点,得到不一样像素点的x值,即要移动的距离l = get_distance(image1, image2)print('l=',l) # 既然得到了移动距离,我们想当然的可以一步到位。但是不能这么干,要模拟人的行为!# 3 获得移动轨迹track_list = get_track(l) # 模拟人的行为print('第一步,点击滑动按钮')# 等待加载class为gt_slider_knob的元素,也就是像暂停键的按钮element = WebDriverWait(driver, 30, 0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'gt_slider_knob')))ActionChains(driver).click_and_hold(on_element=element).perform() # 点击鼠标左键,按住不放import timetime.sleep(0.4)print('第二步,拖动元素')for track in track_list[0]: # 正向滑动,从左到右ActionChains(driver).move_by_offset(xoffset=track, yoffset=0).perform() # 鼠标移动到距离当前位置(x,y)time.sleep(3)for track in track_list[1]: # 反向滑动,从右到左ActionChains(driver).move_by_offset(xoffset=track, yoffset=0).perform() # 鼠标移动到距离当前位置(x,y)time.sleep(0.1)import timetime.sleep(0.6)print('第三步,释放鼠标')ActionChains(driver).release(on_element=element).perform() # release表示释放鼠标time.sleep(1)def main_check_slider(driver):"""检查滑动按钮是否加载:param driver::return:"""while True:try :driver.get('https://www.huxiu.com/') # 打开虎嗅网# 等待加载登录标签,也就是class为login标签元素element = WebDriverWait(driver, 30,0.5).until(EC.element_to_be_clickable((By.CLASS_NAME, 'js-login')))if element: # 判断是否存在return elementexcept TimeoutException as e:print('超时错误,继续')time.sleep(5)if __name__ == '__main__':try:count = 3 # 最多识别3次driver = webdriver.Chrome()while count > 0:# 等待滑动按钮加载完成element = main_check_slider(driver) # 检查滑动按钮是否加载main_check_code(driver,element) # 拖动识别验证码try:success_element = (By.CSS_SELECTOR, '.gt_success')# 得到成功标志success_images = WebDriverWait(driver,3).until(EC.presence_of_element_located(success_element))if success_images:print('成功识别!!!!!!')count = 0import syssys.exit()except Exception as e:print('识别错误,继续')count -= 1time.sleep(1)else:print('too many attempt check code ')exit('退出程序')finally:driver.close()
它的成功率有50%
运行代码,效果如下:

它会自动帮你滑动到正确的位置。
注意:打开谷歌浏览器时,必须要全屏,展示出登录这2个字。如果网页打开是这样的

执行会报错
selenium.common.exceptions.WebDriverException: Message: unknown error: Element is not clickable at point (1019, 30)
步骤解析:
主要有3步:
第一步,点击滑动按钮
第二步,拖动元素
第三步,释放鼠标
打开虎嗅网,点击登录,将鼠标放到滑动区域。这是第一张图
这里的0.0 表示起始坐标

再点击滑块,右边会出现一个小缺口。
那么需要计算左边的区域和右边的区域的色灰度差,计算出移动坐标,最后移动过去,就可以了!

注意:它截取2张图片,用来做灰度对比。它不是用的截屏功能,因为分辨率不同,图片大小也不一样。
这里使用的是PIL中的Image来合并图像,什么意思呢?一张图片,有很多像素点。
比如白色的RGB是255, 255, 255。红色是255, 0, 0。绿色是0,255,0。其他颜色依次类推!
那么收集N多像素点之后,就可以形成一个完整的图片!
先来看一张图片和第二种图片的区别。使用for循环每一个像素点,就可以发现,这2个图片之间的区别就是那2个缺口。
看这2个缺口,右边的,要比左边的灰暗一些。这里我定义是50,这个是一个阈值,表示色度差!
比较出色度差之后,就可以定位这2个缺口位置。然后计算坐标距离,滑动左边的缺口,就可以完成了!
滑动的时候,要注意,不能直接滑动到目标位置。虽然我已经精确计算到目标位置了,但是不能这么做。网站会认为你是机器,不让通过!
所以要模拟人的行为。一开始是慢,然后加速。加速之后,可能会超过目标位置,这里我定义的是8,表示超过8个距离。
然后向左边慢慢的移动到目标位置!
merge_image和get_image 这2个方法,从是网上copy的,具体实现,可以不用关心!
本文参考链接:
