社区
C#
帖子详情
怎样把网页中的部分内容生成图片
qiushuangqun
2010-01-08 11:55:56
现在想做一个证书下载页面,证书里面的人名是动态生成的,现在想用户点击该页面中的“证书下载”按钮的时候只把这个证书(应该是一个Table或Div)使用图片流的形式输出到客户端,让用户下载(不在服务器上生成图片)。请大家帮助!
...全文
291
10
打赏
收藏
怎样把网页中的部分内容生成图片
现在想做一个证书下载页面,证书里面的人名是动态生成的,现在想用户点击该页面中的“证书下载”按钮的时候只把这个证书(应该是一个Table或Div)使用图片流的形式输出到客户端,让用户下载(不在服务器上生成图片)。请大家帮助!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qiushuangqun
2010-01-19
打赏
举报
回复
没有高手?!
qiushuangqun
2010-01-11
打赏
举报
回复
顶
qibao33
2010-01-09
打赏
举报
回复
帮顶
qiushuangqun
2010-01-09
打赏
举报
回复
顶顶再
leonbyron
2010-01-08
打赏
举报
回复
你是在内存里构造的对象,之后直接write,服务器端没有文件保存。
wartim
2010-01-08
打赏
举报
回复
生成网页快照,然后截取
liushengmz
2010-01-08
打赏
举报
回复
[Quote=引用 2 楼 leonbyron 的回复:]
构造好你的图片对象,调用HttpResponse的write方法
[/Quote]
你这样还是写在服务器端。
我还是觉得应该用服务器端来生成图片,指定图片区域,
转成流,再转成图片给用户保存
直接用客户端来做我个人是做不到,不各其他人能否做到,
做到了共享一下
leonbyron
2010-01-08
打赏
举报
回复
构造好你的图片对象,调用HttpResponse的write方法
qiushuangqun
2010-01-08
打赏
举报
回复
没人呀,自己顶!
qiushuangqun
2010-01-08
打赏
举报
回复
没有详细的解决方法吗
【web前端】bootstrap自适应定制,拖拽布局,一键
生成
页面
这里将介绍整个guiplan开发工具的使用以及前端布局的基础教程。常用的基本操作,如div操作,文字操作,
图片
操作,组件操作,
生成
html
网页
,保存html,css代码。通过拖拽,点击,快捷键等方式轻松绘制想要的静态页面。利用bootstrap框架进行自适应的定制,以及常用弹性盒子布局方式。零基础即可学会
网页
绘制。软件自动
生成
的代码也可以手动修改,方便进一步学习与了解前端知识。
生成
的代码符合w3c规范,也可进行二次开发。这节课讲解的是基本布局教程,不涉及到vue交互。设计师与产品经理也可以用此软件开始制作原型。
vue项目
中
将特定
网页
内容
生成
图片
(截图)
一、场景和需求 最近在做的项目有这样一个需求:APP的打卡分享到微信好友和微信朋友圈的功能。实质就是将
网页
内容
生成
一张
图片
给分享出去(不是抛出一个
网页
链接啥的),那么问题来了,如何将
网页
上的某一块
内容
转换为
图片
呢? 二、解决方案 使用html2canvas插件来实现。html2canvas是一款利用javascript进行屏幕截图的插件,它能够实现在用户浏览器端直接对整个或
部分
页面进行截屏。 三、前期准备 1.安装 html2canvas npm install html2canvas --save
uni-app页面
部分
模块转化成
图片
并保存(适用app和h5)以及涉及轮播滚动时,区分轮播
内容
生成
图片
方法
上一篇uni-app的截屏是截取整个页面的
内容
,这一篇描述页面
中
一
部分
模块转化成
图片
并保存的方法。 效果描述: (页面:上面是一个卡片加二维码/条形码,下面是一个轮播,可以切换不同的卡片,轮播如果把id包裹在外层的画,只能把第一张
生成
图片
,后面几张就会出现空白) (需要
生成
图片
的样子如下:) 轮播
部分
需要的
图片
如下: 这里
生成
图片
的方法主要用到了html2canvas和renderjs。 html2canvas的使用方法: npm i html2canvas // 找到项目目录直接下载 import
根据指定区域
内容
生成
图片
并进行分享总结
根据指定区域
内容
生成
图片
并进行分享总结。
vue页面
内容
生成
图片
并保存本地方案
既然你打开了这篇博客,那么你肯定碰到了和页面截图多少相关的问题,你在浏览器内
生成
图片
也好,微信内
生成
页面
图片
也好,都需要面对把页面
内容
转成
图片
的问题。 1.将整个页面转成
图片
; 2.将页面内
部分
内容
转成
图片
。 解决方案如下: 1.引入html2canvas 为了更便捷有效的开发,这里可以引入html2canvas这个插件,如果读者不想采用这种方案,可以跳过下面
内容
,自行寻求其他解决方案。 点击可以...
C#
110,538
社区成员
642,577
社区内容
发帖
与我相关
我的任务
C#
.NET技术 C#
复制链接
扫一扫
分享
社区描述
.NET技术 C#
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
让您成为最强悍的C#开发者
试试用AI创作助手写篇文章吧
+ 用AI写文章