2014-02-27 97 views
0

我用html2canvas使用html2canvas以帆布,這是我如何申報母版頁不能改變div元素在asp.net

 <head runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script> 
    <script src="Scripts/html2canvas.js" type="text/javascript"></script> 
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /> 
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"> 
    </asp:ContentPlaceHolder> 
</head> 

在我的內容頁js文件和css,

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<script type="text/javascript"> 
    html2canvas(document.getElementById("mainDiv"), { 
     onrendered: function (canvas) { 
      document.body.appendChild(canvas); 
     } 
    }); 
</script>  
<div id="mainDiv" style="background-color: #CCFF66; border-style: solid; border-color: #000000; 
    width: 300px; height: 300px;display:block"> 
</div>  

,但它並沒有與此代碼document.getElementById("mainDiv")工作,但是當我改變document.body

html2canvas(document.body, { 
     onrendered: function (canvas) { 
      document.body.appendChild(canvas); 
     } 

它的作品,它將圖像追加到身體的底部。
但我不想轉換我的整個頁面。
我只是想將DIV轉換爲畫布。
我該如何解決這個問題?

回答

1

夥計,你錯過了$(document).ready (function() { ... })聲明在你的ASP頁面,因此它不會被初始化

$(document).ready (function() { 
     html2canvas(document.getElementById("mainDiv"), { 
      onrendered: function (canvas) { 
       document.body.appendChild(canvas); 
      } 
     }); 
    }); 

編碼快樂:)

+0

愉快地接受了:) – zey