Last active
January 11, 2018 13:28
-
-
Save korosuke613/f5552cec9c52fb1eb3db0837fed6a37f to your computer and use it in GitHub Desktop.
[Python3] サーバ上でウェブページのスクリーンショットを撮って、さらにそれをクロップする ref: https://qiita.com/Shitimi_613/items/254730d6dff96f6459ca
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from PIL import Image | |
from selenium import webdriver | |
class ScreenShot: | |
def __init__(self, file_name_: str = "screenshot.png"): | |
""" | |
:type file_name_: str | |
""" | |
self._filename = file_name_ | |
self._driver = webdriver.PhantomJS() | |
self._driver.set_window_size(1024, 768) | |
self._crop_margin = 0 | |
def screen_shot(self, url_: str) -> bool: | |
""" | |
Take a screenshot of the specified url. | |
:return: Success is True, Fail is False | |
:param url_: the webpage to save screenshot | |
""" | |
try: | |
self._driver.get(url_) | |
self._driver.save_screenshot(self._filename) | |
except Exception as e: | |
print(e) | |
return False | |
return True | |
def screen_shot_crop(self, url_: str, search_element_name: str, search_element_type: str = "Id") -> bool: | |
""" | |
Take a screenshot of the specified class of the specified url destination. | |
:return: Success is True, Fail is False | |
:param url_: the webpage to save screenshot | |
:param search_element_name: search to element name | |
:param search_element_type: search to element type | |
""" | |
self.screen_shot(url_) | |
before_script = """ | |
var element = document.getElementBy""" + search_element_type + "('" + search_element_name + """'); | |
var rect = element.getBoundingClientRect(); | |
""" | |
try: | |
left = self._driver.execute_script(before_script + "return rect.left;") - self._crop_margin | |
top = self._driver.execute_script(before_script + "return rect.top;") | |
right = self._driver.execute_script(before_script + "return rect.width;") + left + self._crop_margin | |
bottom = self._driver.execute_script(before_script + "return rect.height;") + top + self._crop_margin | |
except Exception as e: | |
print(e) | |
return False | |
im = Image.open(self._filename) | |
im = im.crop((left, top, right, bottom)) | |
im.save(self._filename) | |
im.close() | |
return True | |
def set_file_name(self, filename_: str): | |
self._filename = filename_ | |
def set_window_size(self, width_: int, height_: int): | |
self._driver.set_window_size(width=width_, height=height_) | |
def get_window_size(self) -> object: | |
return self._driver.get_window_size() | |
def set_crop_margin(self, crop_margin_: int): | |
self._crop_margin = crop_margin_ | |
def ger_crop_margin(self) -> object: | |
return self._crop_margin | |
def __del__(self): | |
self._driver.close() | |
if __name__ == "__main__": | |
# スクリーンショットを撮るURLを指定 | |
screen_url = "https://www.yahoo.co.jp" | |
# クロップする要素の属性を指定 | |
element_type = "Id" | |
# クロップする要素名を指定 | |
element_name = "topicsboxbd" | |
# インスタンスを生成するときに保存先ファイル名を指定 | |
ss = ScreenShot("screenshot.png") | |
# screen_urlのスクリーンショットを保存 | |
ss.screen_shot(screen_url) | |
# 保存先ファイル名を変更 | |
ss.set_file_name("screenshot_crop.png") | |
# screen_urlのelement_type属性のelement_nameという要素のスクリーンショットを保存 | |
ss.screen_shot_crop(screen_url, element_name, element_type) | |
# インスタンスの削除 | |
del ss |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
from PIL import Image | |
from selenium import webdriver | |
driver = webdriver.PhantomJS() | |
driver.get("https://www.yahoo.co.jp") # (1) | |
driver.save_screenshot("screenshot.png") # (2) | |
element_type = "Id" # (3) | |
element_name = "topicsboxbd" # (4) | |
before_script = """ | |
var element = document.getElementBy""" + element_type + "('" + element_name + """'); | |
var rect = element.getBoundingClientRect(); | |
""" # (5) | |
left = driver.execute_script(before_script + "return rect.left;") # (6) | |
top = driver.execute_script(before_script + "return rect.top;") # (6) | |
right = driver.execute_script(before_script + "return rect.width;") + left # (7) | |
bottom = driver.execute_script(before_script + "return rect.height;") + top # (7) | |
im = Image.open("screenshot.png") # (8) | |
im = im.crop((left, top, right, bottom)) # (9) | |
im.save("screenshot_crop.png") # (10) | |
im.close() |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment