这是一个创建于 2021 天前的主题，其中的信息可能已经有所发展或是发生改变。
客户刚刚让添加一个功能 . 要求把一个页面可以做成一个缩略图, 然后放在现有的右下角, 要求小视图的功能和大视图的功能一致. 这个有啥东西可以实现吗. 各位请给个思路, 谢谢
 |
1
hellomimi 2019-05-22 11:39:16 +08:00
<iframe src ="https://www.v2ex.com/t/566507#reply0"></iframe>
|
 |
3
lzvezr 2019-05-22 11:49:13 +08:00 via iPhone
原网页自适应尺寸的话，就要哭了吧
|
|
4
hellomimi 2019-05-22 11:49:35 +08:00
结合 window.parent && window.top ，可以避免循环
|
 |
6
dremy 2019-05-22 11:53:10 +08:00 via iPhone
如果缩略图不需要操作页面的话，可以通过 canvas 来实现
|
 |
7
jimliang 2019-05-22 12:26:20 +08:00
可以用 html2canvas 把当前界面截成图片作为缩略图，定时更新。
|
 |
8
jifengg 2019-05-22 12:37:44 +08:00
先吐槽一下这个奇葩设定。
这个解决方案可以通过一楼的 iframe 来解决，因为按照你的说法，这个小窗口还需要可以交互的。 如果你的客户还要求小窗口用缩略图，那就用 css 缩放整个 body |
 |
9
bakedong123 2019-05-22 13:56:04 +08:00
html2canvas
|
 |
10
redbuck 2019-05-22 15:59:54 +08:00
可以搞个壳,上边俩 iframe,一个满铺,一个缩小,都展示同一页面,省的改原页面
|
 |
11
lyshine OP 采用 iframe 的话, 可以使用 10 楼的思路. 但是小图的页面布局略惨. 采用 html2canvas , 页面的功能不完全
|
 |
12
yoke123 2019-05-22 17:16:45 +08:00
我怎么感觉需求想实现 windows 的任务视图功能 浏览的页面和缩小的页面画面同步
|
 |
13
impony 2019-05-22 17:17:36 +08:00
给 iframe 里的 body 加上 transform: scale(.2);
|
 |
14
c4f36e5766583218 2019-05-22 18:42:25 +08:00
我还以为是那种视频网站的小窗播放呢。。当滚动拉倒评论区，视频就小窗播放了
|
 |
16
silencefent 2019-05-23 08:45:40 +08:00
|
 |
17
hundan 2019-05-23 11:40:01 +08:00 via Android
js 渲染一下当前页面 生成图片 然后放右下角 然后分析一下滚动条之类的 控制缩略图的展示 这样就行了吧
|
Select Language