apicloud apicloud

注册
查看: 288|回复: 3

[案例源码] webCapturer模块demo示例

新手上路

UID:456337

主题:
18
帖子:
77
云币:
428

[案例源码] webCapturer模块demo示例

288 3 | 发表于 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.baidu.com",
  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>
复制代码


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

主题:
63
帖子:
164
云币:
114
发表于 2019-7-19 20:49:41 |
还没上架?

新手上路

UID:456337

主题:
18
帖子:
77
云币:
428
 楼主| 发表于 2019-7-22 17:51:44 |

还在审核

主题:
127
帖子:
520
云币:
898
发表于 2019-11-13 18:25:28 |

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

快速回复 返回顶部 返回列表