V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lilq87
V2EX  ›  程序员

前端高手看过来,这个需求能完全用 H5 来做吗?

  •  
  •   lilq87 · 2017-02-06 23:49:25 +08:00 · 5532 次点击
    这是一个创建于 2852 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1 ,添加一行文字
    文字可以设置颜色、字体( Google Fonts )、变形(已找到符合要求的 JQuery 插件)
    文字可以在画布内自由拖拽位置跟缩放大小
    可以添加多行,并且每一行可以单独设置

    2 ,添加图片元素(预先做好的透明 PNG 图片)、或者边框、下划线等
    图片元素要可以自由拖拽位置跟缩放大小
    图片元素能添加多个最好

    3 ,给画布选择背景图片(支持上传)

    4 ,生成这张文字跟图片组成的最终图片

    有大神愿意出手的话给个报价给我,谢谢。
    33 条回复    2017-02-22 20:56:31 +08:00
    HLT
        1
    HLT  
       2017-02-06 23:57:00 +08:00
    我貌似在哪见过类似这东西。。。你能出多少钱
    jyz19880823
        2
    jyz19880823  
       2017-02-07 00:00:24 +08:00
    svg
    lilq87
        3
    lilq87  
    OP
       2017-02-07 00:02:21 +08:00
    @HLT 预算 3-5K 吧
    lilq87
        4
    lilq87  
    OP
       2017-02-07 00:02:58 +08:00
    @jyz19880823 你会做吗😄
    learnshare
        5
    learnshare  
       2017-02-07 00:04:55 +08:00 via Android
    用 Web 技术模仿 PS 嘛
    lilq87
        6
    lilq87  
    OP
       2017-02-07 00:06:22 +08:00
    @learnshare 差不多吧,能够实现基本的文字图片拼接就可以了,我没有时间去研究,让专业的人做专业的事哈哈
    LucasW
        7
    LucasW  
       2017-02-07 00:08:07 +08:00
    可以
    用 Canvas
    3K+

    Mail: b29kb29idmlkZW9AZ21haWwuY29t (Base64)
    HLT
        8
    HLT  
       2017-02-07 00:09:35 +08:00
    @lilq87 上限最多 5K ?
    lilq87
        9
    lilq87  
    OP
       2017-02-07 00:13:00 +08:00
    @HLT 不是说上限最多 5K 吧,我觉得这个项目并不复杂。。。差不多就这个价吧,当然如果我说的太低的话大家完全可以说出来
    HLT
        10
    HLT  
       2017-02-07 00:13:51 +08:00
    @lilq87 先和 7L 谈吧。。。不行 再 @我
    em70
        11
    em70  
       2017-02-07 00:16:37 +08:00 via Android
    有现成 flash 版的,所见即所得编辑,要不要
    lilq87
        12
    lilq87  
    OP
       2017-02-07 00:18:04 +08:00
    @HLT 好的,谢谢!
    lilq87
        13
    lilq87  
    OP
       2017-02-07 00:18:13 +08:00
    @LucasW 已发邮件
    lilq87
        14
    lilq87  
    OP
       2017-02-07 00:18:35 +08:00
    @em70 不想要 Flash ,不兼容移动端😄
    yangff
        15
    yangff  
       2017-02-07 00:22:41 +08:00
    感觉这种东西很多吧……
    emric
        16
    emric  
       2017-02-07 00:23:05 +08:00
    也可以联系我~
    lilq87
        17
    lilq87  
    OP
       2017-02-07 00:26:30 +08:00
    @emric 好的,先谢谢了
    lilq87
        18
    lilq87  
    OP
       2017-02-07 00:27:02 +08:00
    @yangff 感觉而已哈哈
    helloccav
        19
    helloccav  
       2017-02-07 00:32:08 +08:00 via Android
    用 Canvas+html2canvas ,我做过一个和你的需求很像但比你的简单一些的
    lilq87
        20
    lilq87  
    OP
       2017-02-07 00:57:25 +08:00
    @helloccav 有需要再找你,谢谢😄
    rashawn
        21
    rashawn  
       2017-02-07 08:15:19 +08:00 via iPhone
    canvas 麻烦点甚至可以用 three
    Mbin
        22
    Mbin  
       2017-02-07 09:06:55 +08:00
    我开源了一个类似你这样功能的,稍稍改进一下(文字的颜色、字体、变形)就可以,低价帮你做出来阿哈哈
    hkongm
        23
    hkongm  
       2017-02-07 09:43:41 +08:00
    楼主要兼容移动端的,各位不要漏了这点
    pointermove 啥的不能少
    jarlyyn
        24
    jarlyyn  
       2017-02-07 10:18:15 +08:00
    能做,功能 pixijs 这个库里基本都有

    http://pixijs.github.io/examples/#/demos/dragging.js
    Warder
        25
    Warder  
       2017-02-07 11:51:21 +08:00 via Android
    哇喔 这都值 3k? 这钱挺好赚的嘛
    soseek
        26
    soseek  
       2017-02-07 19:04:15 +08:00 via Android
    这种鬼东西?
    soseek
        27
    soseek  
       2017-02-07 19:05:43 +08:00 via Android
    过年前才弄了一个拍照加素材合成( ̄へ ̄)
    aleen42
        28
    aleen42  
       2017-02-07 21:40:42 +08:00
    图片可以看看这个我做的,可以拖拽图片到 Canvas 中,随意缩放, shift 等比例缩放等。矢量图和位图都可以拖。

    http://aleen42.github.io/example/draw/

    至于 Canvas 导出图片你可以看看 CCapture 这个库
    yozoh1163
        29
    yozoh1163  
       2017-02-07 23:01:32 +08:00
    fabric.js
    lilq87
        30
    lilq87  
    OP
       2017-02-08 14:00:31 +08:00
    @yozoh1163 这个厉害,差不多复合要求了。。。
    songofhawk
        31
    songofhawk  
       2017-02-10 09:01:59 +08:00 via Android
    兼容移动端其实是有点麻烦的,各种安卓机那是啥稀奇古怪的问题都有
    lilq87
        32
    lilq87  
    OP
       2017-02-12 23:55:28 +08:00
    @songofhawk H5 标准不都是一样的吗?难道在各个安卓版本、型号上不一样?
    songofhawk
        33
    songofhawk  
       2017-02-22 20:56:31 +08:00 via Android
    @lilq87 标准是一样,但浏览器的实现有差别呀,比如我们以前做直播,腾讯系的浏览器就不允许任何元素显示在视频上面
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5503 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 08:06 · PVG 16:06 · LAX 00:06 · JFK 03:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.