div 如何使用JS或Java生成图片

时间：2017-01-03 来源：作者：

html中div上的内容保存成图片我是想把DIV里的所有内容都保存成一个图片,要怎么截图保存啊?js能实现吗?或者用java语言能实现吗?...

html5 实现网页截屏页面生成图片(图文) - 木风卜雨的博客 - 博客...

java web(5) 作者同类文章X html2canvas通过获取页面...(canvas); //生成base64图片数据 var dataUrl = ...
jsjtt.com

</div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=71b0419c&u=aHR0cDovL2Jicy5jc2RuLm5ldC90b3BpY3MvMzUwMjIwMjIw&t=5aaC5L2V5bCG5LiA5q61aW5uZXJIVE1M5YaF5a656L2s5o2i5oiQ5LiA5bmF5Zu!KGpwZ!OAgXBkZuetieagvOW8jykuLi5fQ1NETuiuuuWdmw==&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">如何将一段innerHTML内容转换成一幅图(jpg、pdf等格式)..._CSDN论坛</a></strong></p><div class="std">innerHTML传到后台了,用java怎么将它变成二进制图像数据...补充一下。那个innerHTML内容就是js动态生成的画图内容...文件的div中直接打开,就可以在浏览器中看到那幅图...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=ea5430bc&u=aHR0cDovL2Rvd25sb2FkLmNzZG4ubmV0L2RldGFpbC91MDEyNjU5NTY0Lzk0Nzc1MDk=&t=anPmiKrlj5ZkaXbnlJ@miJDlm77niYcgLSDkuIvovb3popHpgZMgLSBDU0ROLk5FVA==&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">js截取div生成图片 - 下载频道 - CSDN.NET</a></strong></p><div class="std">您可能还需要 jshtml5用js怎么自动生成n...divnode.js获取图片文件的......Java SE 468收录 React Native 1096收录 CSS3 1693收录 人工智能 419收录 查看...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=e0059a3d&u=aHR0cDovL3d3dy5vc2NoaW5hLm5ldC9xdWVzdGlvbi8xMDI3ODAxXzExMDQwNiUzRnNvcnQlM0R0aW1lP3NvcnQ9dGltZQ==&t=5aaC5L2V55SoanPlrp7njrDngrnlh7vkuIDlvKDlm77niYflj5jmiJDlj6blpJbkuIDlvKDlm77niYfnmoTmlYjmnpwgLSDlvIDmupDkuK3lm73npL7ljLo=&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">如何用js实现点击一张图片变成另外一张图片的效果 - 开源中国社区</a></strong></p><div class="std">如何用js实现点击一张图片变成另外一张图片的效果...</div>  评论(0)| 引用此答案| 举报 (2013-05...js 调java addJavascriptInterface(2回/801 阅,3年...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=9a5052d7&u=aHR0cDovL3d3dy5lZHVjaXR5LmNuL2phdmEvNjc3MTAwLmh0bWw=&t=Li4u55qE5paH5a2X5oiW5Zu!54mH6Ieq5Yqo5b6q546v5rua5Yqo5Luj56CBX0phdmFzY3JpcHTmlZnnqItfSmF2YeWtpi4uLl@luIzotZvnvZE=&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">...的文字或图片自动循环滚动代码_Javascript教程_Java学..._希赛网</a></strong></p><div class="std">本文标题:JS实现div内部的文字或图片自动循环滚动代码...更多>> Java学院:Javascript教程 栏目最近更新 ...· 如何在C语言使用位运算实现循环移位 · 查找组成...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=009fe0c2&u=aHR0cDovL3d3dy5tYWthaWRvbmcuY29tL0phdmFXZWIvMjk0NDgwLnNodG1s&t=5oCO5LmI5ZyoanPkuK3nlJ@miJBkaXbnmoRodG1s5Luj56CBLOS7peeUqOadpeabv!aNompzcOmhtemdouS4reeahGRpdl9KYXZhV2Vi&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">怎么在js中生成div的html代码,以用来替换jsp页面中的div_JavaWeb</a></strong></p><div class="std">如何在js中生成div的html代码,以用来替换jsp页面中的div我在javaWeb项目中需要用ajax实现对如下列表的异步刷新:时间 交叉口名称 交叉口流量 东进口 西进口 南进口...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=7c7d88c9&u=aHR0cDovL3d3dy54dWUxNjMuY29tLzM4Ny8xNjU0LzM4NzQxNTYuaHRtbA==&t=anPliqjmgIHliJvlu7pkaXYs5aaC5L2V55SoSlPliqjmgIHnlJ@miJB0YWJsZeWGmeWFpeWIsOmhtemdoueahERJVi4uLl@kuK3lm73lrabnvZE=&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">js动态创建div,如何用JS动态生成table写入到页面的DIV..._中国学网</a></strong></p><div class="std">js动态创建div,如何用JS动态生成table写入到页面的DIV里D,摘要:如何用JS动态生成table写入到页面的DIV里DOCTYPE...divid=DIV1></div><type=text/java>vardiv=...</div></div>        <div class="g"><p><strong><a href="http://www.xierhe.com/it/?a=url&k=f33a75ba&u=aHR0cDovL3d3dy4yY3RvLmNvbS9rZi8yMDEyMTIvMTc0OTk5Lmh0bWw=&t=5Zyo5Y!v57yW6L6RZGl25Lit5o!S5YWl5paH5a2X5oiW5Zu!54mH55qE6Zeu6aKY6Kej5Yaz5oCd6LevIC0gSmF2YXNjci4uLl@nuqLpu5HogZTnm58=&s=ZGl2IOWmguS9leS9v!eUqEpT5oiWSmF2YeeUn!aIkOWbvueJhw==" target="_blank" class="s" rel="nofollow">在可编辑div中插入文字或图片的问题解决思路 - Javascr..._红黑联盟</a></strong></p><div class="std">人问了我一个问题,在可编辑div中插入文字或者图片...当只有div 获得焦点后 他会产生一个css属性就是 z...用纯JS做俄罗斯方块 - 简要思路介绍JS表格分页组件:...</div></div>        </div>
<p align="center" class="pageLink"></p></td>
</tr>
</table>
<table border="0" align="center" cellpadding="0" cellspacing="8">
<tr>
<td><table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
<tr>
<td class="diggnum" id="diggnum"><strong><script type="text/javascript" src="/e/public/ViewClick/?classid=1&id=23914&down=5"></script></strong></td>
</tr>
<tr>
<td class="diggit"><a href="JavaScript:makeRequest('/e/public/digg/?classid=1&id=23914&dotop=1&doajax=1&ajaxarea=diggnum','EchoReturnedText','GET','');">来顶一下</a></td>
</tr>
</table></td>
<td><table border="0" align="center" cellpadding="0" cellspacing="0" class="digg">
<tr>
<td valign="middle" class="diggnum"><strong><a href="/"><img src="/skin/default/images/back.gif" alt="返回首页" width="12" height="13" border="0" align="absmiddle" /></a></strong></td>
</tr>
<tr>
<td class="diggit"><a href="/">返回首页</a></td>
</tr>
</table></td>
</tr>
</table>
          </td>
</tr>
</table>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td align="left">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:550px;height:300px"
     data-ad-client="ca-pub-5881631671576572"
     data-ad-slot="1532319152"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>

</td>
<td class="sider"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="title">
<tr>
<td></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-5881631671576572"
     data-ad-slot="7105575154"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title margin_top">
<tr>
<td></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-5881631671576572"
     data-ad-slot="7676441552"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title margin_top">
<tr>
<td><strong>栏目更新</strong></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td><ul>
              <script src='/d/js/class/class1_newnews.js'></script></ul></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title margin_top">
<tr>
<td></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:200px;height:90px"
     data-ad-client="ca-pub-5881631671576572"
     data-ad-slot="5151163956"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="title margin_top">
<tr>
<td><strong>栏目热门</strong></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="box">
<tr>
<td><ul>
              <script src='/d/js/class/class1_hotnews.js'></script></ul></td>
</tr>
</table>
</td>
</tr>
</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" class="search">
<form action="/e/search/index.php" method="post" name="searchform" id="searchform">
<table border="0" cellspacing="6" cellpadding="0">
<tr>
<td><strong>站内搜索：</strong>
<input name="keyboard" type="text" size="32" id="keyboard" class="inputText" />
<input type="hidden" name="show" value="title" />
<input type="hidden" name="tempid" value="1" />
<select name="tbname">
<option value="news">站内</option>
</select>
</td>
<td><input type="image" class="inputSub" src="/skin/default/images/search.gif" />
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td>
	<table width="100%" border="0" cellpadding="0" cellspacing="4" class="copyright">
        <tr> 
          <td align="center"><a href="/">网站首页</a> | <a href="#">关于我们</a> 
            | <a href="#">服务条款</a> | <a href="#">广告服务</a> | <a href="#">联系我们</a> 
            | <a href="#">网站地图</a> | <a href="#">免责声明</a> | <a href="/e/wap/" target="_blank">WAP</a></td>
        </tr>
        <tr> 
          <td align="center">洗耳河文库<strong><a href="http://www.xierhe.com" target="_blank">Xierhe.com</a></strong> 
            </td>
        <td>
       <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?34a099dfb118d1d1aedc6f707a571e6a";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-96263074-1', 'auto');
  ga('send', 'pageview');

</script>
         </td> 
        </tr>
	</table>
</td>
</tr>
</table>

</body>
</html>