这里使用了layer弹出组件。官方网址:http://layer.layui.com/
第一种方法代码如下:
var img = new Image();
img.src = $("#jiaoguitu").attr("src");
var imgHtml = "<img src='" + $("#jiaoguitu").attr("src") + "' />";
//捕获页
layer.open({
type: 1,
shade: false,
title: false, //不显示标题
//area:['600px','500px'],
area: [img.width + 'px', img.height+'px'],
content: imgHtml, //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
cancel: function () {
//layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', { time: 5000, icon: 6 });
}
});
第二种方法代码如下:
var img = "<img src='" + $("#jiaoguitu").attr("src") + "' />";
//捕获页
layer.open({
type: 1,
shade: false,
title: false, //不显示标题
//area:['600px','500px'],
area: [img.width + 'px', img.height+'px'],
content: img, //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
cancel: function () {
//layer.msg('捕获就是从页面已经存在的元素上,包裹layer的结构', { time: 5000, icon: 6 });
}
});