다음 기능을 사용하여 웹 사이트의 완벽한 이미지 스크린 샷을 만들거나 HTML을 이미지로 바로 변환하십시오. GrabzIt는 ASP.NET API입니다. 그러나 시작하기 전에 URLToImage, HTMLToImage or FileToImage 방법 Save or SaveTo 스크린 샷을 만들려면 메소드를 호출해야합니다.
웹 페이지의 스크린 샷을 만들려면 하나의 매개 변수 만 필요합니다. HTML 변환 intoa 이미지 다음 예제와 같이.
grabzIt.URLToImage("https://www.tesla.com"); //Then call the Save or SaveTo method
grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>"); //Then call the Save or SaveTo method
grabzIt.FileToImage("example.html"); //Then call the Save or SaveTo method
GrabzIt의 ASP.NET API는 JPG, PNG, WEBP, BMP (8 비트, 16 비트, 24 비트 또는 32 비트) 및 TIFF를 포함한 여러 형식의 이미지 스크린 샷을 찍을 수 있습니다. 이미지 스크린 샷의 기본 형식은 JPG입니다. 그러나 JPG 이미지의 품질은 이러한 상황에서 일부 응용 프로그램에 충분하지 않을 수 있습니다. PNG 형식은 이미지 스크린 샷에 권장됩니다. 품질과 파일 크기 사이의 균형이 좋기 때문입니다. 아래 예는 PNG 형식을 사용하여 촬영 한 이미지 스크린 샷을 보여줍니다.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.Format = ImageFormat.png; grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.Format = ImageFormat.png; grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.Format = ImageFormat.png; grabzIt.FileToImage("example.html", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.png");
브라우저 크기는 대부분의 경우 스크린 샷을 캡처 할 때 사용되는 브라우저 창의 크기를 나타내며 대부분의 모든 작업에 기본 브라우저 크기로 충분하므로 설정할 필요는 없습니다. 브라우저 크기를 설정하려면 값을 BrowserWidth
및 BrowserHeight
의 속성 ImageOptions 클래스입니다.
이미지의 크기를 변경하는 것은 쉽습니다. 이미지를 왜곡하지 않고 이미지를 만드는 것은 조금 더 어렵습니다. 전체 프로세스를 단순화하려면 다음을 사용하는 것이 좋습니다. 간단한 이미지 치수 계산기.
이미지 너비와 높이를 브라우저 너비와 높이보다 큰 크기로 늘리려면 (기본적으로 1366 x 728 픽셀) 브라우저 너비와 높이도 일치하도록 늘려야합니다.
사용자 지정 식별자를 영상 아래 표시된대로 메소드를 사용하면이 값이 GrabzIt ASP.NET 핸들러로 리턴됩니다. 예를 들어이 사용자 지정 식별자는 데이터베이스 식별자 일 수 있으며 스크린 샷을 특정 데이터베이스 레코드와 연결할 수 있습니다.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.CustomId = "123456"; grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save method grabzIt.Save("http://www.example.com/Home/Handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.CustomId = "123456"; grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save method grabzIt.Save("http://www.example.com/Home/Handler");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.CustomId = "123456"; grabzIt.FileToImage("example.html", options); //Then call the Save method grabzIt.Save("http://www.example.com/Home/Handler");
GrabzIt을 사용하면 전체 웹 페이지의 전체 길이 스크린 샷을 찍어 -1를 BrowserHeight
재산 ImageOptions 수업. 이미지가 브라우저의 크기와 일치하도록하려면 -1를 OutputHeight
및 OutputWidth
속성.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.BrowserHeight = -1; options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.BrowserHeight = -1; options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.BrowserHeight = -1; options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.FileToImage("example.html", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
자르지 않은 축소판 그림을 반환 할 수도 있지만 큰 이미지를 만들 수 있습니다. 이렇게하려면 -1를 OutputHeight
및 / 또는 OutputWidth
속성. -1에 전달 된 치수는 잘리지 않습니다.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.URLToImage("https://www.tesla.com", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.HTMLToImage("<html><body><h1>Hello World!</h1></body></html>", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); ImageOptions options = new ImageOptions(); options.OutputWidth = -1; options.OutputHeight = -1; grabzIt.FileToImage("example.html", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
이러한 특수 값을 사용하면 원하는 경우 전체 웹 페이지의 전체 버전 인 스크린 샷을 만들 수 있습니다.
GrabzIt과 같은 HTML 요소의 스크린 샷을 만들 수 있습니다 div
or span
태그를 지정하고 모든 콘텐츠를 캡처합니다. 이렇게하려면 스크린 샷을 찍으려는 HTML 요소를 CSS 선택기.
... <div id="features"> <img src="http://www.example.com/hot.jpg"/><h3>Heatwave Starting</h3> </div> ...
아래 예에서는 id가 "features"인 div를 선택하고 250 x 250px JPEG 이미지로 출력합니다.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); // The 250 parameters indicates that image should be sized to 250 x 250 px ImageOptions options = new ImageOptions(); options.OutputWidth = 250; options.OutputHeight = 250; options.Format = ImageFormat.jpg; options.TargetElement = "#features"; grabzIt.URLToImage("http://www.bbc.co.uk/news", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");
다음 예는 "기능"div의 다른 스크린 샷을 찍지 만 이번에는 div의 정확한 크기 인 JPEG 이미지를 출력합니다.
GrabzItClient grabzIt = new GrabzItClient("Sign in to view your Application Key", "Sign in to view your Application Secret"); // The -1 indicates that image should not be cropped ImageOptions options = new ImageOptions(); options.OutputWidth = -1; options.OutputHeight = -1; options.BrowserHeight = -1; options.Format = ImageFormat.jpg; options.TargetElement = "#features"; grabzIt.URLToImage("http://www.bbc.co.uk/news", options); //Then call the Save or SaveTo method grabzIt.SaveTo("result.jpg");