html dom渲染成图片
来源:互联网 发布:矩阵的持续时间 编辑:程序博客网 时间:2024/06/07 20:09
html dom渲染成图片
http://html2canvas.hertzen.com/这个插件可以通过canvas将html元素带样式的完整渲染成图片。
在项目中遇到一个问题,因为table信息过多导致table宽度过宽,需要频繁滚动来展示信息时就会很麻烦。这时添加了一个功能将通过canvas将table渲染成图片供下载或新页面打开。
当需要渲染的element宽度不是很大时,渲染很正常。
例子:http://jsfiddle.net/mceyg7ky/
但是当element被嵌套在块中且它的大小过大无法完全展现时会出现截图截不全的问题.
例子:http://jsfiddle.net/mwtnrops/
试了很长时间找到了一个解决方法。因为只有html宽度足以显示element的时候,截图才可以很完整的截下来。所以,在截图前给element加样式强制element全部显示,当渲染完成时把样式取消。这时可以把element完整的截下来。
例子:http://jsfiddle.net/mwtnrops/3/
0 0
- html dom渲染成图片
- Jquery、Java解析html字符串成dom对象,遍历dom对象获取图片元素(或者其子元素)
- html渲染
- CSS规则树和HTML的DOM树合成渲染树时渲染结点与选择器链的匹配
- 【浏览器渲染原理】解析和DOM树构建之HTML解析器
- DOM、HTML DOM、XML DOM
- 走进DOM:HTML DOM
- HTML DOM
- HTML DOM
- HTML DOM
- DOM HTML
- HTML DOM
- html DOM
- HTML DOM
- HTML DOM
- DOM HTML
- html Dom
- HTML DOM
- android如何提供SDK给别人使用
- Maven Missing Artifact 问题(ezmorph, json-lib)
- java基础第七天
- 习题
- hdu 4751 Divide Groups (二分图判断)
- html dom渲染成图片
- Android中xml文件的使用
- hdu 2015
- 把二元查找树转变成排序的双向链表
- 100教育专业资料大全
- 反射的概念
- Substring with Concatenation of All Words
- c#编程技术之------初衷
- 最大网络流算法