首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
V2EX  ›  问与答

一个奇怪的前端需求. 也不是很奇怪, 就是没啥思路

  •  
  •   lyshine · 27 天前 · 1342 次点击

    客户刚刚让添加一个功能 . 要求把一个页面可以做成一个缩略图, 然后放在现有的右下角, 要求小视图的功能和大视图的功能一致. 这个有啥东西可以实现吗. 各位请给个思路, 谢谢

    17 回复  |  直到 2019-05-23 11:40:01 +08:00
        1
    hellomimi   27 天前
    <iframe src ="https://www.v2ex.com/t/566507#reply0"></iframe>
        2
    lyshine   27 天前
    @hellomimi 这样不行的, 会导致页面的循环定义的
        3
    lzvezr   27 天前 via iPhone
    原网页自适应尺寸的话,就要哭了吧
        4
    hellomimi   27 天前
    结合 window.parent && window.top ,可以避免循环
        5
    hellomimi   27 天前
        6
    dremy   27 天前 via iPhone
    如果缩略图不需要操作页面的话,可以通过 canvas 来实现
        7
    jimliang   27 天前
    可以用 html2canvas 把当前界面截成图片作为缩略图,定时更新。
        8
    jifengg   27 天前
    先吐槽一下这个奇葩设定。
    这个解决方案可以通过一楼的 iframe 来解决,因为按照你的说法,这个小窗口还需要可以交互的。
    如果你的客户还要求小窗口用缩略图,那就用 css 缩放整个 body
        9
    bakedong123   27 天前
    html2canvas
        10
    redbuck   27 天前
    可以搞个壳,上边俩 iframe,一个满铺,一个缩小,都展示同一页面,省的改原页面
        11
    lyshine   26 天前
    采用 iframe 的话, 可以使用 10 楼的思路. 但是小图的页面布局略惨. 采用 html2canvas , 页面的功能不完全
        12
    yoke123   26 天前
    我怎么感觉需求想实现 windows 的任务视图功能 浏览的页面和缩小的页面画面同步
        13
    impony   26 天前
    给 iframe 里的 body 加上 transform: scale(.2);
        14
    c4f36e5766583218   26 天前
    我还以为是那种视频网站的小窗播放呢。。当滚动拉倒评论区,视频就小窗播放了
        15
    lyshine   26 天前
    @yoke123 对, 完整的来说就是这种
        16
    silencefent   26 天前
        17
    hundan   26 天前 via Android
    js 渲染一下当前页面 生成图片 然后放右下角 然后分析一下滚动条之类的 控制缩略图的展示 这样就行了吧
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3891 人在线   最高记录 5043   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 19ms · UTC 08:43 · PVG 16:43 · LAX 01:43 · JFK 04:43
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1