function print(){

var w = $("#canv").width();

var h = $("#canv").height();

//要将 canvas 的宽高设置成容器宽高的 2 倍

var canvas = document.createElement("canvas");

canvas.width = w * 2;

canvas.height = h * 2;

canvas.style.width = w + "px";

canvas.style.height = h + "px";

var context = canvas.getContext("2d");

//然后将画布缩放,将图像放大两倍画到画布上

context.scale(2,2);

html2canvas( $("#canv") ,{

onrendered: function(canvas){

var dataUrl = canvas.toDataURL();

document.body.innerHTML="";

var newImg = document.createElement("img");

newImg.src = dataUrl;

document.body.appendChild(newImg);

//window.location.href = dataUrl;

}

});

}

测试


生成

html2canvas.js的api,html2canvas实现js截图相关推荐

  1. 基于php汇率接口调用实例,js调用API实时汇率计算器代码

    [实例简介]js调用API实时汇率计算器代码,支持 AED,ARS,AUD,BGN,BRL,BSD,CAD,CHF,CLP,CNY,COP,CZK,DKK,DOP,EGP,EUR,FJD,GBP,GT ...

  2. 十个书写Node.js REST API的最佳实践(上)

    收录待用,修改转载已取得腾讯云授权 原文:10 Best Practices for Writing Node.js REST APIs 我们会通过本文介绍下书写Node.js REST API的最佳 ...

  3. 解答网友提问 | 使用VS2022快速生成React/Angular/Vue.js + Web API前后端集成项目

    前言 上次发表了<一键生成Vue.js + Web API前后端集成项目>后,有多位网友来问,有不有其他的前后端集成模板: 实际上,VS2022没有提供前后端集成项目模板. 但是,使用VS ...

  4. 一键生成Vue.js + Web API前后端集成项目

    前言 默认情况下,Visual Studio提供了"基于Vue.js Web 应用程序"项目模板,可以生成Vue.js前端项目. 你需要另外创建Web API项目,调试时需要同时启 ...

  5. ASP.NET Core 实战:使用ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目

    一.前言 这几年前端的发展速度就像坐上了火箭,各种的框架一个接一个的出现,需要学习的东西越来越多,分工也越来越细,作为一个 .NET Web 程序猿,多了解了解行业的发展,让自己扩展出新的技能树,对自 ...

  6. api怎么写_使用Node.js原生API写一个web服务器

    Node.js是JavaScript基础上发展起来的语言,所以前端开发者应该天生就会一点.一般我们会用它来做CLI工具或者Web服务器,做Web服务器也有很多成熟的框架,比如Express和Koa.但 ...

  7. [js] 一个api接口从请求数据到请求结束共与服务器进行了几次交互?

    [js] 一个api接口从请求数据到请求结束共与服务器进行了几次交互? API是一些预先定义的函数,或指软件系统不同组成部分衔接的约定.如果已经建立了连接,那么单次请求数据到请求结束应该是一次交互:如 ...

  8. 用于 Keras 用户使用的 TensorFlow.js layers API

    用于 Keras 用户使用的 TensorFlow.js layers API TensorFlow.js 的Layers API以Keras为模型.考虑到 JavaScript 和 Python 之 ...

  9. 通过Web Api 和 Angular.js 构建单页面的web 程序

    在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的页面,比如说:用户通过一个连接导航到一个页面,会发送一个请求到服务器端, ...

  10. Java实现HMacMD5加密,用于淘宝客JS 组件 API 调用时生成 sign 的签名

    原文:Java实现HMacMD5加密,用于淘宝客JS 组件 API 调用时生成 sign 的签名 源代码下载地址:http://www.zuidaima.com/share/1550463397874 ...

最新文章

  1. UVa10526 - Intellectual Property(后缀数组的应用)
  2. C++STL理论基础
  3. 免费 | 从通识到核心—自然语言处理专题公开课
  4. Spring Boot——易班优课YOOC课群在线测试自动答题解决方案(六)后端改造
  5. linux shell 脚本 父子进程 等待子进程,SHELL父子进程分析
  6. Python爬虫自学之第(④)篇——强大的正则表达式,re模块
  7. 数据科学和人工智能技术笔记 六、日期时间预处理
  8. Unity API学习笔记(2)-GameObject的3种Message消息方法
  9. Hinton胶囊网络后最新研究:用“在线蒸馏”训练大规模分布式神经网络
  10. RS485收发的3种典型电路-重点-自动收发电路
  11. 从0到1构建基于Springboot+SpringCloud的微信点餐系统
  12. js + jquery 两栏Tab鼠标移入显示/隐藏的效果(详)
  13. 计算机网络 实验三 网络互联与路由协议配置
  14. Ios开发-第一天-Tom猫
  15. 51单片机驱动DS18B20温度传感器测量温度
  16. Python 操作配置文件
  17. 搞科研写论文必备,14个超实用的网站
  18. IP网络设备的测试方法
  19. 聊聊互联网产品的分类
  20. 最强Android教程!阿里P7级别面试经验总结,成功拿下大厂offer

热门文章

  1. 【GMSK+FPGA】基于verilog的GMSK调制系统设计
  2. css实现图片水平居中对齐
  3. Linux使用Firefox播放视频
  4. CRT使用(一)CRT软件安装和部署
  5. 电商帝国阿里巴巴起跑中国量子产业
  6. 在QT下使用映美精黑白相机
  7. vue——菜鸟教程学习
  8. 软件项目成本估算的基本方法
  9. Delphi6.0的那些
  10. bsod错误代码。_如何解决BSOD(蓝屏死机)和Windows Stop错误?