我正在使用html2canvas努力获取网页的屏幕截图并将其呈现为缩略图(以及400x300,不完全是缩略图)。Html2Canvas调整大小

如何将图像大小设置为400x300?在萤火虫我找到属性为:。但是,我无法弄清楚我的代码(下面)或html2canvas.js在哪里硬编码400x300参数。

screenshot.html:

Screenshot

var date=new Date();

var message,timeoutTimer,timer;

var proxyUrl="http://html2canvas.appspot.com";

function addRow(a,c,d){var b=$("

").appendTo($(a));b.append($("").css("font-weight","bold").text(c)).append($("").text(d))}function throwMessage(b,a){window.clearTimeout(timeoutTimer);timeoutTimer=window.setTimeout(function(){message.fadeOut(function(){message.remove()})},a||2000);$(message).remove();message=$("").attr("src","loading.gif").css("margin-top",40));var f=document.createElement("a");f.href=c;$.ajax({data:{xhr2:false,url:f.href},url:proxyUrl,dataType:"jsonp",success:function(e){a=document.createElement("iframe");$(a).css({visibility:"hidden"}).width($(window).width()/2).height($(window).height()/2);$("#content").append(a);b=a.contentWindow.document;b.open();$(a.contentWindow).load(function(){var g=$(a).contents().find("body"),h={onrendered:function(j){$("#content").empty().append(j);$("#getscreenshot").prop("disabled",false);$("base").attr("href","")},allowTaint:true,taintTest:false,flashcanvas:"src/flashcanvas.min.js"},i=html2canvas(g,h)});$("base").attr("href",f.protocol+"//"+f.hostname+"/"+f.pathname);e=e.replace("","");if($("#disablejs").prop("checked")){e=e.replace(/\

Website URL:

Get screenshot!

2012-07-09

Chris

html2canvas页面高度,Html2Canvas调整大小相关推荐

  1. asp.net html2canvas,Vue 结合html2canvas和jsPDF实现html页面转pdf

    结合html2canvas和jsPDF实现html页面转pdf By:授客QQ:103355122 实践环境 win10 Vue 2.9.6 axios 0.18.0 html2canvas 1.0. ...

  2. H5页面使用html2canvas实现div生成为图片,保存到手机

    在做微信公众号H5页面时,需求要求html页面生成base64图片,并保存到手机相册中.之前没做过,在网上搜了相关的资料.了解到了html2canvas.js. html2canvas首先将页面生成c ...

  3. 判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置

    inputResizeBodyHeight() {// 判断手机是否弹出键盘,改变了手机页面高度,对应inputStatus的状态改变相关控件的大小和位置var oldHeight =document ...

  4. MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题

    MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题 参考文章: (1)MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题 (2)https://www.cnblogs.com/phil ...

  5. html页面怎么让高度充满屏幕,怎么让一个页面高度占整个屏幕的_html/css_WEB-ITnose...

    比方说,我现在做一个登录的界面,我想根据用户不同大小的屏幕, 让整个页面的高度都满屏, 我设置height:100%,无效啊,宽度还是可以,谢谢 据说可以用js先获取当前用户的分辨率,然后设置 我不会 ...

  6. 移动设备页面高度不足时min-height 的尴尬处理

    移动设备页面高度不足时min-height 的尴尬处理 在做html5的页面时,经常遇到页面内容太少撑不起来整个手机屏幕的高度. 我们经常使用min-height来处理,比如min-height:56 ...

  7. [html] 写个布局,当页面高度不够时,底部固定在下面,反之不固定

    [html] 写个布局,当页面高度不够时,底部固定在下面,反之不固定 <div class="layout"> <header class="heade ...

  8. html 图片高度 页面高度自适应,怎样让网页图片高度自适应宽度

    [摘要] 你肯定知道width百分比可以实现图片宽度的自适应,那么你知道高度也可以根据宽度变话而自适应比变化么,看下本文就了解了! 当前响应式布局,内容尺寸自适应设备是众多网站开发者的选择,毕竟现在显 ...

  9. html高度没有滚动条,Div扩展了页面高度,但没有滚动条

    我在页面左侧有一个div用于导航链接.点击标题可展开链接的子集.我将此div设置为页面高度的100%,以便列占据页面的整个左侧.当所有子类别都展开时,会出现问题. div的内容在页面底部运行,但不添加 ...

最新文章

  1. 如果有人把支付宝的服务器炸了,你的两毛五是不是就没了?
  2. 复制字符串小程序笔记
  3. Java基础知识强化26:Object类之hashCode()方法、getClass()方法
  4. Hypersonic SQL开源数据库方向比较流行的纯Java开发的关系型数据库
  5. Hadoop之企业案例分析
  6. MachineLearning(10)-聚类
  7. kafka整合ldap权限管理
  8. eclipse非主窗口的停靠(正常), 恢复, 最小化, 最大化的切换
  9. MySQL 服务无法启动。 服务没有报告任何错误。 请键入 NET HELPMSG 3534 以获得更多的帮助。...
  10. 微信卡死代码 java_微信整人代码有哪些 微信卡死的代码是什么
  11. ddk开发 c语言,ddk_helloWDM_原代码是网上高手的杰作
  12. 为什么python叫爬虫_python为什么叫爬虫
  13. 新媒体运营教程:短视频剧本创作技巧
  14. “我应为王”,比尔盖茨名言--author :邵京国
  15. Java定时任务的实现
  16. Parameters: { “silent“ } might not be used. This may not be accurate due to some parameters are
  17. 计算机组成原理之主存储器
  18. Windows SDK for Windows 7安装流程
  19. 碉堡的GitHub使用方式
  20. 3 3 8 8四则运算得24

热门文章

  1. 暴力/蛮力法经典例题--最大连续子序列和--C语言
  2. Graphical Models学习
  3. 解决Cannot read property ‘tapAsync‘ of undefined打包错误
  4. windows 2000 安全策略设置,2003 IP安全设置
  5. 超参数优化专题之工具—microsoft/nni(1)
  6. Bob-阿豪 2020-11-16 第二题作业
  7. 正则表达式完整教程(7篇精品文章,带你精通正则表达式)
  8. 流水线设计的方法和作用
  9. 机器学习基础篇(十一)——主成分分析法
  10. arcgis构建城市建筑模型