怎样实现用 js 或 php 将 某div部分截取为图片

205 views
Skip to first unread message

或与.非

unread,
Aug 25, 2011, 10:35:29 PM8/25/11
to thinkinlamp
Hi All

最近公司有个项目, 类似生成网页快照的那种,但是需要截取div部分的内容变为图片,在此问问有没有哪位大牛做过类似的项目,望指点一二. 谢谢

Xiang Song

unread,
Aug 25, 2011, 11:37:34 PM8/25/11
to think...@googlegroups.com

cutycapt再按比例切割。

在 2011 8 26 11:30,"或与.非" <huqi...@gmail.com>编写:

Hi All

最近公司有个项目, 类似生成网页快照的那种,但是需要截取div部分的内容变为图片,在此问问有没有哪位大牛做过类似的项目,望指点一二. 谢谢

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

Qiying Hu

unread,
Aug 25, 2011, 11:58:03 PM8/25/11
to think...@googlegroups.com
php 或者 js 代码能实现么?

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

张清月

unread,
Aug 26, 2011, 12:18:14 AM8/26/11
to think...@googlegroups.com
1:需要应用扩展 我刚找了下 实在不记得名字了

通过截取浏览器截图 然后再去截图图片内容的某部分

2:。。。自己做。。php 生成图片内容。
  

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

honestqiao

unread,
Aug 26, 2011, 1:58:37 AM8/26/11
to thinkinlamp
如果不通过浏览器引擎渲染的话,你无法取得具体的div现实状况的。

你可以考虑在webkit或者geck的基础上二次开发。
例如firebug之类可以在页面选取区块操作,配合着应该可以做出来。

------------------
honestqiao
2011-08-26

-------------------------------------------------------------
>Sender:张清月
>Date:2011-08-26 12:18:21
>Receiver:thinkinlamp
>CC:
>Subject:Re: [thinkinlamp] 怎样实现用 js 或 php 将 某div部分截取为图片
--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

Xiang Song

unread,
Aug 26, 2011, 2:26:45 AM8/26/11
to think...@googlegroups.com

楼上+1。cutycapt就是webkit的一个包装。

在 2011 8 26 13:58,"honestqiao" <hones...@gmail.com>编写:



如果不通过浏览器引擎渲染的话,你无法取得具体的div现实状况的。

你可以考虑在webkit或者geck的基础上二次开发。
例如firebug之类可以在页面选取区块操作,配合着应该可以做出来。

------------------
honestqiao
2011-08-26

-------------------------------------------------------------
>Sender:张清月
>Date:2011-08-26 12:18:21
>Receiver:thinkinlamp
>CC:
>Subject:Re: [thinkinlamp] 怎样实现用 js 或 php 将 某div部分截取为图片

>
>
1:需要应用扩展 我刚找了下 实在不记得名字了

通过截取浏览器截图 然后再去截图图片内容的某部分

2:。。。自己做。。php 生成图片内容。


在 2011年8月26日 上午11:58,...

--

ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

辉太郎

unread,
Aug 26, 2011, 2:39:03 AM8/26/11
to thinkinlamp
这个这个 我试试

On 8月26日, 下午2时26分, Xiang Song <littlexiang...@gmail.com> wrote:
> 楼上+1。cutycapt就是webkit的一个包装。
>

> 在 2011 8 26 13:58,"honestqiao" <honestq...@gmail.com>编写:

古拉依尔红福

unread,
Aug 26, 2011, 12:10:52 PM8/26/11
to think...@googlegroups.com
这个得需要相关引擎吧,和网站截图差不多

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758



--
http://www.szns.org/

lewen zhang

unread,
Aug 27, 2011, 4:13:49 AM8/27/11
to think...@googlegroups.com

我也没做过不过提个建议不知道是否贻笑大方:将网页下载到本地通过本地插件进行截取

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

RaidNight

unread,
Aug 27, 2011, 12:53:07 AM8/27/11
to thinkinlamp
同Cutcapt,只是对服务器带宽要求够呛,比如打开新浪首页,大概4M流量.定位好div所在位置的x,y值就好了.
配置稍微麻烦.

On 8月26日, 上午11时37分, Xiang Song <littlexiang...@gmail.com> wrote:
> cutycapt再按比例切割。
>

> 在 2011 8 26 11:30,"或与.非" <huqiy...@gmail.com>编写:

Hu Qiying

unread,
Aug 29, 2011, 4:16:41 AM8/29/11
to think...@googlegroups.com

谢谢 各位问题通过其他方案解决了

 

发件人: think...@googlegroups.com [mailto:think...@googlegroups.com] 代表 lewen zhang
发送时间: 2011827 16:14
收件人: think...@googlegroups.com
主题: Re: [thinkinlamp] Re: 怎样实现用 js php 将 某div部分截取为图片

--
ThinkingInLAMP
邮件组使用说明:http://blog.thinkinlamp.com/?p=758

Message has been deleted
Message has been deleted

毛凌志

unread,
Sep 5, 2011, 6:13:23 AM9/5/11
to think...@googlegroups.com
不错的项目,代码建议放到github上


在 2011年9月5日 下午5:47,maminglian <mamin...@gmail.com>写道:
经过长达数月的开发和修改,终于迎来了第一个内测版,可能还存在很多小问题,不适合用于生产环境。

现在放出来诚心邀请有兴趣的人士协助测试和完善。非常感谢。

Xunsearch (中文名:迅搜)是一套免费开源的专业中文全文检索解决方案,简单易用而且 功能强大、性能卓越能轻松处理海量数据的全文检索。它包含后端索引、搜索服务程序和前端 脚本语言编写的开发工具包(称之为 SDK) 。

Xunsearch 底层采用 C/C++ 编写,索引设计基于著名而悠久的 Xapian,分词采用 自主研发同样也是开源的 SCWS分词,两者完美结合,理论上单个搜索库支持 40 亿条 记录。可编译运行于 Linux/FreeBSD 等各种 UNIX 类型的系统

主要特点
  • 开源免费 Xunsearch 全面开源,并使用最流行的开源许可协议 GPL 发布。任何人均可以免费 获取本项目的全部源代码,并在许可条件下修改和再分发。

  • 分布式架构 搜索程序的前端和后端可以分离部署在不同服务器中,对于大规模的搜索应用还可以 对索引进行水平、垂直切割。

  • 开发难度极低 一般开发者只要在安装和设置完成后,通过提供的脚本 SDK 包,便可十分容易的进行 二次开发,打造出自己的全文搜索引擎。

  • 功能强大 支持字段检索、结果高亮、字段排序、布尔语法、区间检索、聚合搜索、相关搜索、 权重微调、拼音搜索搜索建议等专业搜索引擎具备的各项功能。这也是本项目 相对于其它开源搜索软件的重要优势。


完整安装包下载地址:

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758



--
找伙伴一起找项目创业,互联网方向或其它靠谱方向,有议加我QQ:1036130199
http://lexus.cnblogs.com

hisunnyo

unread,
Sep 5, 2011, 6:22:26 AM9/5/11
to think...@googlegroups.com
�� 2011-9-5 18:13, ë��־ д��:
�������Ŀ�����뽨��ŵ�github��


�� 2011��9��5�� ����5:47��maminglian <mamin...@gmail.com>д ����
��������µĿ������޸ģ�����ӭ���˵�һ���ڲ�棬�� �ܻ����ںܶ�С���⣬���ʺ����������

���ڷų���������������Ȥ����ʿЭ����Ժ����ơ��dz���л��

Xunsearch ��������Ѹ�ѣ���һ����ѿ�Դ��רҵ����ȫ�ļ�����������������ö��� ����ǿ������׿Խ�����ɴ��?����ݵ�ȫ�ļ��������������������������ǰ�� �ű����Ա�д�Ŀ������߰�(��֮Ϊ SDK) ��

Xunsearch �ײ���� C/C++ ��д��������ƻ���������ƾõ� Xapian���ִʲ��� �����з�ͬ��Ҳ�ǿ�Դ�� SCWS�ִ�������������ϣ������ϵ���������֧�� 40 ���� ��¼���ɱ��������� Linux/FreeBSD �ȸ��� UNIX ���͵�ϵͳ

��Ҫ�ص�
  • ��Դ��� Xunsearch ȫ�濪Դ����ʹ�������еĿ�Դ���Э�� GPL �������κ��˾������� ��ȡ����Ŀ��ȫ��Դ���룬��������������޸ĺ��ٷַ���

  • �ֲ�ʽ�ܹ� ���������ǰ�˺ͺ�˿��Է��벿���ڲ�ͬ�������У����ڴ��ģ������Ӧ�û����� ���������ˮƽ����ֱ�и

  • �����Ѷȼ��� һ�㿪����ֻҪ�ڰ�װ��������ɺ�ͨ���ṩ�Ľű� SDK ����ʮ�����׵Ľ��� ���ο�����������Լ���ȫ���������档

  • ����ǿ�� ֧���ֶμ��������������ֶ����򡢲����������������ۺ���������������� Ȩ��΢����ƴ������������������רҵ��������߱��ĸ���ܡ���Ҳ�DZ���Ŀ ���������Դ�����������Ҫ���ơ�


����װ�����ص�ַ��

--
ThinkingInLAMP�ʼ���ʹ��˵����http://blog.thinkinlamp.com/?p=758



--
�һ��һ������Ŀ��ҵ����������������׷����������QQ:1036130199
http://lexus.cnblogs.com

--
ThinkingInLAMP�ʼ���ʹ��˵����http://blog.thinkinlamp.com/?p=758

��Ҳ������ Xapian �� SCWC �ִʡ� ������ϳ� SDK Ӧ�þ͸��Ӧ����

Smliu

unread,
Sep 6, 2011, 6:24:41 AM9/6/11
to think...@googlegroups.com
顶一个,支持楼主

发自我的 iPad

在 2011-9-5,下午5:56,hightman <mamin...@gmail.com> 写道:

> 经过长达数月的开发和修改,终于迎来了第一个内测版,可能还存在很多小问题,不适合用于生产环境。
>
> 现在放出来诚心邀请有兴趣的人士协助测试和完善。非常感谢。
>
> Xunsearch (中文名:迅搜)是一套免费开源的专业中文全文检索解决方案,简单易用而且 功能强大、性能卓越能轻松处理海量数据的全文检索。它
> 包含后端索引、搜索服务程序和前端 脚本语言编写的开发工具包(称之为 SDK) 。
> Xunsearch 底层采用 C/C++ 编写,索引设计基于著名而悠久的 Xapian,分词采用 自主研发同样也是开源的 SCWS分词,两者完
> 美结合,理论上单个搜索库支持 40 亿条 记录。可编译运行于 Linux/FreeBSD 等各种 UNIX 类型的系统
>
> 主要特点
> 开源免费 Xunsearch 全面开源,并使用最流行的开源许可协议 GPL 发布。任何人均可以免费 获取本项目的全部源代码,并在许可条件下修改
> 和再分发。
>
> 分布式架构 搜索程序的前端和后端可以分离部署在不同服务器中,对于大规模的搜索应用还可以 对索引进行水平、垂直切割。
>
> 开发难度极低 一般开发者只要在安装和设置完成后,通过提供的脚本 SDK 包,便可十分容易的进行 二次开发,打造出自己的全文搜索引擎。
>
> 功能强大 支持字段检索、结果高亮、字段排序、布尔语法、区间检索、聚合搜索、相关搜索、 权重微调、拼音搜索、搜索建议等专业搜索引擎具备的各项功
> 能。这也是本项目 相对于其它开源搜索软件的重要优势。
>
>
> 完整安装包下载地址:
> http://www.xunsearch.com/download/xunsearch-full-latest.tar.bz2
>
> 相关文档: (网站还很粗糙,正在改进中)
> ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

ZhiYong Deng

unread,
Sep 6, 2011, 6:27:36 AM9/6/11
to think...@googlegroups.com

支持一下开源项目

> --
> ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

李智

unread,
Oct 31, 2011, 10:07:30 PM10/31/11
to thinkinlamp
我两年前就实现过一个,jquery+php截图的一个圈人功能,现在偶尔看看插件库,看见已经有人将它整合为jquery插件了。你查查看。
 
 
2011-11-01

李智

发件人: 辉太郎
发送时间: 2011-08-26  15:02:34
收件人: thinkinlamp
抄送:
主题: [thinkinlamp] Re: 怎样实现用 js 或 php 将 某div部分截取为图片
-- 
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

陈勇

unread,
Jan 4, 2012, 9:53:35 PM1/4/12
to think...@googlegroups.com
现在我也要做一个这样的功能,请问下解决方法是怎么样的啊

deming chen

unread,
Feb 16, 2012, 12:51:59 AM2/16/12
to think...@googlegroups.com
同求php能否实现截图功能。

在 2012年1月5日 上午10:53,陈勇 <cheny52...@163.com>写道:
现在我也要做一个这样的功能,请问下解决方法是怎么样的啊

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758

huwanlong1108

unread,
Oct 15, 2012, 4:58:50 AM10/15/12
to think...@googlegroups.com
兄台,请问你这个问题解决了吗?我也要做一个这样的功能,但是不知道怎么入手,能请教一下吗?

在 2011年8月26日星期五UTC+8上午10时35分29秒,或与.非写道:

huwanlong1108

unread,
Oct 15, 2012, 4:59:39 AM10/15/12
to think...@googlegroups.com, tian...@gmail.com
请问你这个功能实现了吗?可以请教下不?

在 2012年2月16日星期四UTC+8下午1时51分59秒,deming chen写道:

AleiPhoenix (A.K.A Areverie)

unread,
Oct 15, 2012, 7:56:34 AM10/15/12
to think...@googlegroups.com, tian...@gmail.com
可以看一下html2canvas或者phatomjs


http://phantomjs.org/

2012/10/15 huwanlong1108 <huwanl...@gmail.com>

--
ThinkingInLAMP邮件组使用说明:http://blog.thinkinlamp.com/?p=758



--
Silence is gold.

twitter: @areverie
wikipedia: AleiPhoenix
blog: weblog.areverie.org
wiki: wiki.areverie.org


机械唯物主义 : linjunhalida

unread,
Oct 15, 2012, 8:08:16 AM10/15/12
to think...@googlegroups.com, tian...@gmail.com
只能在服务端截的吧, 浏览器端还是要上插件。

2012/10/15 AleiPhoenix (A.K.A Areverie) <aleip...@gmail.com>:

--
GuruDigger- We help internet products find technical partners who
share the same dream!

- http://gurudigger.com

Reply all
Reply to author
Forward
0 new messages