怎样Javascript截取Html的节点保存为图片,存放进本地的剪贴版中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样Javascript截取Html的节点保存为图片,存放进本地的剪贴版中相关的知识,希望对你有一定的参考价值。

比如html中有这段
<div id="div1">
<h3>1234</h3>

<p>abcd</p>

</div>
能不能用javascript或jquery把这段div在网页内显示的内容截取下来,并保存进本地机器的剪贴板中呢
<div id="div1">
<h3>1234</h3>
<p>abcd</p>
</div>
<input type="button" value="xx" onclick=a() />
比如当用户点击这个按钮时,用户可以吧上面这个id为div1的片段以图片形式截取下来放在自己的剪贴板中?

参考技术A 保存成图片可以尝试dom-to-image 这个库复制到剪贴板还在想办法 参考技术B 似乎除了IE其它浏览器不允许javascript对剪贴板进行操作, 需要加一个flash让flash去操作剪贴板

js没法给网页截图, 可以考虑用html5的canvas画出文本再保存为img
参考技术C 做不到 很多浏览器已经禁止js操作剪贴板了。追问

那么能让这个div节点的内容变成图片显示吗?转化成,可以让用户点右键出现图片另存为
这样可行吗?

MYSQL数据库怎么截取摘要?

MySQL数据库中文章表的文章正文字段保存了含HTML代码的正文,现在需要截取文章前200字存到另外一个表中不带HTML代码,请问怎样用MYSQL脚本或者SQL语句来过滤HTML代码?

你需要使用字符串截取函数

在mysql中很多函数都乐意left right substring等都行
insert into 新表 (select substring(str,1,200) from 旧表);
基本是这个格式追问

关键是怎么去HTML代码

追答

额,字符串截取啊
把不需要的html代码截掉就行了啊
很清楚的啊,用substring left等函数都行啊
我说的很清楚了啊

substring函数就很好用,substring(str,n,p)从第几个字符开始截取多少长度

追问

- -!关键是HTML代码未知,而且字符串很长,用substring截到猴年马月。需要一个脚本

追答

你不是需要前200吗,先截取再过滤了

写个存储过程吧,通过字符串过滤,过滤掉html
存储过程中创建一个临时表,存放截取的数据,
再对这个表进行过滤

参考技术A 使用substring 函数追问

。。。有木有详细点儿的代码呢。。。

以上是关于怎样Javascript截取Html的节点保存为图片,存放进本地的剪贴版中的主要内容,如果未能解决你的问题,请参考以下文章

javascript 怎样获取节点文本值?

javascript中怎样区分元素和节点?

通过按钮截取当前网页成png或jpeg格式的图片并保存

MYSQL数据库怎么截取摘要?

js中怎样根据某个关键字截取此关键字之后的字符串?

canvas实现图像截取功能