帖子
帖子
用户
博客
课程
显示全部楼层
19
帖子
0
勋章
441
Y币

webCapturer模块demo示例

[复制链接]
发表于 2019-7-16 13:57:04
本帖最后由 simpleway 于 2019-7-22 17:52 编辑

webCapturer模块可以将指定的网页地址,转换为png图片


点击进入模块详情


  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
  6.     <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
  7.     <style>
  8.         body,html
  9.         {
  10.         width:100%;
  11.         height:100%;
  12.         margin:0;
  13.         padding:0;
  14.         background-color:#fff;
  15.         }
  16.     </style>
  17. </head>
  18. <body>
  19. <div style="margin-top:100px;">
  20.     <div id="divState"></div>
  21.     <button onclick="saveWebImage()">capture web image</button>
  22.     <img id="img">
  23. </div>
  24. </body>
  25. <script>
  26.     apiready = function()
  27.     {
  28.     }

  29. var divState = document.querySelector("#divState");
  30.     function saveWebImage()
  31.     {
  32.         divState.innerHTML = "loading...";
  33.         var module = api.require("webCapturer");
  34.         module.saveWebImage({
  35.             url : "http://www**.**",
  36.             w:800,
  37.             h:500,
  38.             path:"fs://a.png",
  39.         },function(ret,err){

  40.             if(err)
  41.             {
  42.                 divState.innerHTML = "";
  43.                 alert(JSON.stringify(err));
  44.              }
  45.               else if(ret.status==0)
  46.               {

  47.               }
  48.              else if(ret.status==1)
  49.              {
  50.                 divState.innerHTML = "";
  51.                 document.querySelector("#img").src = ret.data;
  52.              }
  53.         });
  54.     }
  55. </script>
  56. </html>
复制代码


本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
76
帖子
2
勋章
219
Y币
还没上架?
19
帖子
0
勋章
441
Y币

还在审核
158
帖子
0
勋章
1118
Y币

老大还要改进啊,我在华为手机上测试,图片虽然获取了,但是已经严重变形了,文字和图片重合在一起
您需要登录后才可以回帖 登录

本版积分规则