當前位置:首頁 » 網頁前端 » js如何在web中截圖
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

js如何在web中截圖

發布時間: 2023-06-07 15:14:23

1. 在一個web項目中,如何只用JS,不用html

可以使用jquery 數據增刪改插件來完成


2. 如何實現在web伺服器上截圖

首先有張背景圖,然後用js獲取滑鼠在圖上點擊的位置(例如:*100,120*),再獲取滑鼠松開的位置(例如: 200,200) ,然後把圖片和兩個點的位置傳送到伺服器,通過PHP圖片生成函數計算,實現截圖。 我自己寫過純js與php的頭像截圖代碼,絕對可行。

3. 如何通過js獲取網頁中所有圖片並加入點擊事件,實現

在網頁載入完成時,通過js獲取圖片和添加點擊的識別方式

- (void)webViewDidFinishLoad:(UIWebView *)webView {
[IDProgressHUD IDPlaceViewHideDirect:self.view];

//這里是js,主要目的實現對url的獲取
static NSString * const jsGetImages =
@"function getImages(){\
var objs = document.getElementsByTagName(\"img\");\
var imgScr = '';\
for(var i=0;i<objs.length;i++){\
imgScr = imgScr + objs[i].src + '+';\
};\
return imgScr;\
};";

[webView :jsGetImages];//注入js方法
NSString *urlResurlt = [webView :@"getImages()"];
mUrlArray = [NSMutableArray arrayWithArray:[urlResurlt componentsSeparatedByString:@"+"]];
if (mUrlArray.count >= 2) {
[mUrlArray removeLastObject];
}
//urlResurlt 就是獲取到得所有圖片的url的拼接;mUrlArray就是所有Url的數組

//添加圖片可點擊js
[mWebView :@"function registerImageClickAction(){\
var imgs=document.getElementsByTagName('img');\
var length=imgs.length;\
for(var i=0;i<length;i++){\
img=imgs[i];\
img.onclick=function(){\
window.location.href='image-preview:'+this.src}\
}\
}"];
[mWebView :@"registerImageClickAction();"];
}
//在這個方法中捕獲到圖片的點擊事件和被點擊圖片的url

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

//預覽圖片
if ([request.URL.scheme isEqualToString:@"image-preview"]) {
NSString* path = [request.URL.absoluteString substringFromIndex:[@"image-preview:" length]];
path = [path :NSUTF8StringEncoding];
//path 就是被點擊圖片的url
return NO;
}
return YES;
}