js保存指定div为图片,有好方法咩 如题,今天突然来了奇怪的需求,用户要求添加一个按钮,作用是将其中一个div作为图片输出(div里面是一个table),想了半天,没想出来,特来求助 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 直接显示就行了啊,为啥一定要用图片呢?!用户所看到的是一般的html还是图片对他有啥区别呢?!需求开发人员应该也是可以改的吧。 楼主试试这个,可以将指定DIV转换为SVG图像。<!DOCTYPE html><html><body><h2>Input Div:</h2><div id="div"><p>Just have a <span style='color:white; text-shadow:0 0 2px blue;'>TRY</span></p><p><b>By Dion</b></p></div><h2>Output Image:</h2><script>var divContent = document.getElementById("div").innerHTML;var data = "data:image/svg+xml," +"<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>" +"<foreignObject width='100%' height='100%'>" +"<div xmlns='http://www.w3.org/1999/xhtml' style='font-size:16px;font-family:Helvetica'>" +divContent +"</div>" +"</foreignObject>" +"</svg>";var img = new Image();img.src = data;document.getElementsByTagName('body')[0].appendChild(img);</script></body></html> div遮挡按钮问题,求助,拜托各位了... 求一个动态表单的例子 如何获取url 对js不熟悉,关于js显示时间并刷新 ajax的一点小问题 jquery 点击表格中带单选框的一行 单选框选中 一个页面中嵌入了两个iframe,每个iframe里面有几个input,如何在这个页面中判断iframe中的input是否为空?javascript该如何写啊? 继续问全选的问题 给元素添加自定义方法 动态创建树节点 ExtJS4 求救!!如何让这段CSS支持IE浏览器! 闭包
需求开发人员应该也是可以改的吧。
<html><body>
<h2>Input Div:</h2>
<div id="div">
<p>Just have a <span style='color:white; text-shadow:0 0 2px blue;'>TRY</span></p><p><b>By Dion</b></p>
</div>
<h2>Output Image:</h2>
<script>
var divContent = document.getElementById("div").innerHTML;
var data = "data:image/svg+xml," +
"<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'>" +
"<foreignObject width='100%' height='100%'>" +
"<div xmlns='http://www.w3.org/1999/xhtml' style='font-size:16px;font-family:Helvetica'>" +
divContent +
"</div>" +
"</foreignObject>" +
"</svg>";
var img = new Image();
img.src = data;
document.getElementsByTagName('body')[0].appendChild(img);
</script>
</body></html>