2013-06-10 1 views
0

не returing Я использую этот код, чтобы захватить изображение, отображаемое в пределах Div с помощью html2canvas:Захват Div содержимое в изображение с помощью HTML2Canvas ничего

$(document).ready(function() { 
      $('#<%= btnCapture.ClientID %>').click(function() { 
       html2canvas($('#chart_div'), { 
        onrendered: function (canvas) { 
         var img = canvas.toDataURL(); 
         window.open(img); 
        } 
       }); 
      }); 
     }); 

код работает и открывает новое окно браузера с URL-то в base64 , но изображение не видно.

Почему изображение не видно?

+0

Похоже, что некоторые проблемы с данными в 'сНу # chart_div'. Покажите нам еще один код или подготовьте рабочую демонстрацию (например, используя [jsFiddle.net] (http://jsfiddle.net)). – gkalpak

+0

Я использую Google Charts, которые отображаются в Div с идентификатором 'chart_div'. Нет ничего более HTML-кода. – RKh

+0

Google Charts делает что-то в вашем «div», и это может помочь нам определить проблему. В то же время добавьте 'background:" red ", onrendered: ...' и повторите попытку. (Я подозреваю, что изображение может быть действительно рендерингом, но в нем ничего нет.) – gkalpak

ответ

1

с помощью: "html2canvasproxy.ashx"

  html2canvas($('#chart_div'), { 
      "logging": true, 
      "proxy": "html2canvasproxy.ashx",      
      onrendered: function (canvas) {