简介：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. The Twin Towers zoj2059 DP

    The Twin Towers Time Limit: 2 Seconds      Memory Limit: 65536 KB Twin towers we see you standing ta ...

  2. hdu3974 找上属的模拟

    There is a company that has N employees(numbered from 1 to N),every employee in the company has a im ...

  3. 决策树模型组合之随机森林与GBDT

    版权声明: 本文由LeftNotEasy发布于http://leftnoteasy.cnblogs.com, 本文可以被全部的转载或者部分使用,但请注明出处,如果有问题,请联系wheeleast@gm ...

  4. Jmeter的安装和启动时出现unable to access jarfile apachejmeter.jar error value=1错误处理

    Jmeter是纯Java开发的, 能够运行Java程序的系统一般都可以运行Jmeter, 如:Windows. Linux. mac等. 由于是由Java开发,所以自然需要jdk环境. Windows ...

  5. 英特尔：不再公布PC处理器多核睿频数据

    据了解,以往英特尔官方有三个频率数据:基础主频:Turbo 2.0(多核)频率:以及Turbo 3.0(单核)频率.现在被隐匿的则是Turbo 2.0(多核)频率. 对此,英特尔在回应媒体时表示,给出 ...

  6. JavaScript 版数据结构与算法（三）链表

    今天,我们要讲的是数据结构与算法中的链表. 链表简介 链表是什么?链表是一种动态的数据结构,这意味着我们可以任意增删元素,它会按需扩容.为何要使用链表?下面列举一些链表的用途: 因为数组的存储有缺陷: ...

  7. try catch finally 中包含return的几种情况，及返回结果

    当当当,兴致勃勃的第二篇博客,散花~ 下面是正题(敲黑板) 第一种情况:在try和catch中有return,finally中没有return,且finally中没有对try或catch中要 retu ...

  8. c# 【MVC】WebApi返回各种类型(图片/json数据/字符串)

    using System.IO; /// <summary> /// WebApi返回图片 /// </summary> public HttpResponseMessage ...

  9. java反射获取字段的属性值，以及为字段赋值等方法

    1.获取某个类的属性值 /*利用getter方法获取值(首字母大写) CjJssetDTO obj: */ String filedName = "Cj"+(i+1); Class ...

  10. iOS多线程基本使用

    大家都知道,在开发过程中应该尽可能减少用户等待时间,让程序尽可能快的完成运算.可是无论是哪种语言开发的程序最终往往转换成汇编语言进而解释成机器码来执行.但是机器码是按顺序执行的,一个复杂的多步操作只能 ...