简介：http://www.jianshu.com/p/6a07e974a7e8

下载：https://github.com/niklasvh/html2canvas/releases

C#代理gitHub：https://github.com/brcontainer/html2canvas-csharp-proxy

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>html2canvas ashx (c#) proxy</title>

        <script src="html2canvas.js"></script>

        <script>

        //<![CDATA[

        (function() {

            window.onload = function() {

                html2canvas(document.body, {

                    "logging": true, //Enable log (use Web Console for get Errors and Warings)

                    "proxy":"html2canvasproxy.ashx",

                    "onrendered": function(canvas) {

                                    var img = new Image();

                                    img.onload = function() {

                                        document.body.appendChild(img);

                                    };

                                    img.error = function() {

                                        if(window.console.log) {

                                            window.console.log("Not loaded image from canvas.toDataURL");

                                        } else {

                                            alert("Not loaded image from canvas.toDataURL");

                                        }

                                    };

                                    img.src = canvas.toDataURL("image/png");

                    }

                });

            };

        })();

        //]]>

        </script>

    </head>

    <body>

        <p>

            <img alt="google maps static" src="http://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&amp;zoom=12&amp;size=400x400&amp;maptype=roadmap&amp;sensor=false">

        </p>

    </body>

</html>

html2cavans的更多相关文章

  1. 在ts+vue中实现前端批量下载打包二维码

    ---恢复内容开始--- 一.插件安装 首先是插件的安装与引入,这里我们用的是qrcode的这个插件,直接使用npm install qrcodejs2安装即可,但是这里要注意,如果你用的是ts进行开 ...

随机推荐

  1. vue组件初学--弹射小球

    1. 定义每个弹射的小球组件( ocicle ) 2. 组件message自定义属性存放小球初始信息(可修改) { top: "0px", //小球距离上方坐标 left: &qu ...

  2. Linux入门之常用命令（5）Bash

    bash优点 1.命令编辑能力  记录使用过的命令 ~/.bash_history 记录上次的历史命令 2.补全功能  指令补全两下tab 文件名补全 3.命令别名  alias [别名]=‘’ 4. ...

  3. C#设计模式之六原型模式（Prototype）【创建型】

    一.引言 在开始今天的文章之前先说明一点,欢迎大家来指正.很多人说原型设计模式会节省机器内存,他们说是拷贝出来的对象,这些对象其实都是原型的复制,不会使用内存.我认为这是不对的,因为拷贝出来的每一个对 ...

  4. 【Learning】多项式乘法与快速傅里叶变换（FFT）

    简介: FFT主要运用于快速卷积,其中一个例子就是如何将两个多项式相乘,或者高精度乘高精度的操作. 显然暴搞是$O(n^2)$的复杂度,然而FFT可以将其将为$O(n lg n)$. 这看起来十分玄学 ...

  5. wxPython中基本控件学习

    wxPython工具包提供了多种不同的窗口部件,包括了本章所提到的基本控件.我们涉及静态文本.可编辑的文本.按钮.微调.滑块.复选框.单选按钮.选择器.列表框.组合框和标尺.对于每种窗口部件,我们将提 ...

  6. python web框架之Tornado

    说Tornado之前分享几个前端不错的网站: -- Bootstrap http://www.bootcss.com/ -- Font Awesome http://fontawesome.io/ - ...

  7. iOS正确使用const,static,extern

    static 修饰局部变量 让局部变量只初始化一次 局部变量在程序中只有一份内存 并不会改变局部变量的作用域,仅仅是改变了局部变量的生命周期(只到程序结束,这个局部变量才会销毁) 修饰全局变量 全局变 ...

  8. socket__服务端、客户端（注释版）

    # !/usr/bin/env python # -*- coding: utf-8 -*- # @Time : 2017/8/22 16:14 # @Author : Mr_zhang # @Sit ...

  9. 用 eclipse 创建一个简单的 meaven spring springMvc mybatis 项目

    下面是整体步骤: 1: 先创建一个Maven 项目: 选择跳过骨架: 因为要搭建的是 web 项目  所以这个地方选择 war 包; 点击完成 这样就完成 Maven项目的搭建: 接下俩 先把 Mav ...

  10. 【转】vim替换命令

    vim替换命令 free:此文后面涉及了正则表达式,随便看了一下,觉得正则表达式有时间学一学对于在Linux下操作也是方便许多 替換(substitute) :[range]s/pattern/str ...