当前位置:首页 » 网页前端 » 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;
}