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

html5 处理图片问题,如何 [扭曲] 一个图片?

  •  
  •   tanranran · 149 天前 · 787 次点击
    这是一个创建于 149 天前的主题,其中的信息可能已经有所发展或是发生改变。
    求助大佬,要实现一个产品展示的功能,假如原始图片如图所示:

    现在给一张图片过来,怎么把图片做成包围杯子的效果?如图所示
    9 回复  |  直到 2017-12-29 22:49:21 +08:00
        1
    Aoang   149 天前 via Android   ♥ 1
    …这是扭曲?………

    css 图层叠加应该可以做到。
    js 也行。
    html 做不到,起码 html5 不行。甚至,html10 也不行…
        2
    tanranran   149 天前
    @Aoang 谢谢大佬回复,css 图层叠加可以做到,但是杯子的边缘不好处理啊,目前想到的解决方案是 three.js,但是学习成本太高...所以,想到 V2 咨询下大佬们的意见.
        3
    dixeran   149 天前 via Android
    webgl 这个方向吧,css 能扭曲的样式不多
        4
    WildCat   149 天前 via iPhone   ♥ 1
    实在不行 web assembly 😅
        5
    tanranran   149 天前
    @WildCat web assembly,太高端了,感觉最靠谱的还是 three.js
        6
    tanranran   149 天前
    @dixeran 是的,目前来看 webgl 感觉最合适了.three.js
        7
    MinonHeart   148 天前
    这个还是 PS 生成两个图层实在
        8
    MinonHeart   148 天前
    用 webgl 底图要是渲染出来的模型可以,一张图的话估计不行
        9
    tanranran   148 天前
    @MinonHeart 两个图层是一定的
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   鸣谢   ·   898 人在线   最高记录 3541   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.1 · 17ms · UTC 18:10 · PVG 02:10 · LAX 11:10 · JFK 14:10
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1