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

前端切图神器在线版『Super Marker』

  •  
  •   barretlee ·
    barretlee · 2014-11-10 00:50:29 +08:00 · 11042 次点击
    这是一个创建于 3453 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前端切图神器在线版『Super Marker』,半自动化标记各种尺寸。基本功能已经完善,体验有待优化,先上第一版,欢迎提出宝贵建议!

    玩耍地址: http://barretlee.github.io/SuperMarker/index_cn.html
    请在Github issue上吐槽: https://github.com/barretlee/SuperMarker/issues

    后续会推出加强版本!
    30 条回复    2015-01-15 18:30:43 +08:00
    fising
        1
    fising  
       2014-11-10 01:15:39 +08:00 via iPad
    神在哪里?
    momou
        2
    momou  
       2014-11-10 01:31:28 +08:00
    不按常理出牌啊,摸了半天没搞清怎么用。。。
    paloalto
        3
    paloalto  
       2014-11-10 01:43:11 +08:00
    我之前用过「马克鳗」 http://www.getmarkman.com/ 这个
    konakona
        4
    konakona  
       2014-11-10 05:08:05 +08:00
    =.= 什么?取色器加尺子?这还不足以满足切图的基本需求啊!切片在哪儿?对于边角和色块的自动优化以及标准线后的切片自动吸附呢?
    oojiayu
        5
    oojiayu  
       2014-11-10 08:24:31 +08:00
    还不完善,很多PS的功能都没有添加上。
    airyland
        6
    airyland  
       2014-11-10 08:32:51 +08:00
    昨天我以为是用在psd上的,于是在页面上我把psd打开了,然后。。浏览器就一动不动了。
    不过还是赞一下。
    Nerrsoft
        7
    Nerrsoft  
       2014-11-10 08:35:46 +08:00
    不明觉厉
    spark
        8
    spark  
       2014-11-10 08:40:26 +08:00
    @airyland 我也以为这种工具最基本的功能是支持PSD...
    lwbjing
        9
    lwbjing  
       2014-11-10 09:17:00 +08:00
    @airyland @spark 用canvas去搞psd,有点难为前端了。。
    airyland
        10
    airyland  
       2014-11-10 09:57:59 +08:00
    @lwbjing 我觉得是这个工具本身表述不准确,只是用于大概标示尺寸和颜色的,不应该叫”切图神器“。
    learnshare
        11
    learnshare  
       2014-11-10 10:01:23 +08:00
    私以为不该叫神器~ 叫 demo 可好?
    TheLamb
        12
    TheLamb  
       2014-11-10 10:14:31 +08:00   ❤️ 2
    以前用马克鳗,现在用这个,比马克鳗好用,还免费
    Mcatt
        13
    Mcatt  
       2014-11-10 10:21:18 +08:00
    楼上+1
    jun4rui
        14
    jun4rui  
       2014-11-10 10:27:20 +08:00
    @TheLamb 哎唷,太好了,PS这切图真的是老大难问题了啊,偏偏Fireworks又不更新了,切图甩PS几条街。
    TheLamb
        15
    TheLamb  
       2014-11-10 10:29:43 +08:00
    @jun4rui 这个还不错的我从内测开始用的,本来我都要决定买马克鳗了结果这个功能比马克鳗更强大,只要设计那边出PSD给前端的时候按照软件的规范来,切图真的是分分钟的事情,不过我用标记的功能会比较多
    nevernet
        16
    nevernet  
       2014-11-10 10:36:49 +08:00
    pxcook貌似已经不能下载了
    jun4rui
        17
    jun4rui  
       2014-11-10 10:51:10 +08:00
    @TheLamb 标记就够了,这个东东切图需要在PS里面那图层标.png .jpg之类的,估计还要和美工沟通沟通(碰到无法沟通的美工就惨了),不过现在美工做的图片其实也不怎么需要切很多地方,自己调整一下也够用了。起码够用还免费。
    @nevernet 还可以,我刚刚才下载安装好
    exodia
        18
    exodia  
       2014-11-10 10:52:31 +08:00
    神在哪里?比 markman 更好用在哪里?
    Sivan
        19
    Sivan  
       2014-11-10 10:55:25 +08:00
    感觉好多 bug 啊……目前用的神器组合是 PS 一键切图 + xScope 辅助,速度超过所有第三方工具。
    jalen
        20
    jalen  
       2014-11-10 11:17:06 +08:00
    @TheLamb 还要几个图层先 合成图 然后命令 png jpg, 这个让射击师做才不吊你呢... 哭..
    TheLamb
        21
    TheLamb  
       2014-11-10 11:27:59 +08:00
    @jalen 这也没办法,目前还不支持图层效果,不过很多PS的切图插件都是需要按照一定规则命名图层的或者有团队有相应的图层命名规范之类的,如果射鸡湿自己没有这方面的自我约束的话喜欢各种乱七八糟的图层管理的话,那也没办法了,看配合吧
    psd规范比如这种: http://hao.uisdc.com/ps/
    spark
        22
    spark  
       2014-11-10 12:37:47 +08:00
    @lwbjing 那做这个工具的意义在哪里?
    jjplay
        23
    jjplay  
       2014-11-10 13:23:37 +08:00
    看来图解才知道怎么用,很不错的设计思路 典型的工科男想法,实际用起来不是特别的顺手,还是赞一个
    nevernet
        24
    nevernet  
       2014-11-10 13:27:32 +08:00
    @jun4rui 我这边下载的air文件,一直提示已损坏
    jun4rui
        25
    jun4rui  
       2014-11-10 17:14:01 +08:00
    @nevernet 这个,我用chrome之下下载的
    BGLL
        26
    BGLL  
       2014-11-10 17:57:25 +08:00
    我认为的切图神奇,只有 Assistor PS 因为是直接在PS里操作,无论是对齐的准确性、可修改性、还是标注的美观性(PS里想弄成什么样就弄成什么样)都比这些在导出图片上操作的工具好

    不过楼主这个在线版的还是很好,很多时候临时用,不必装软件
    nevernet
        27
    nevernet  
       2014-11-10 19:15:31 +08:00
    @jun4rui 我下载回来都是796KB, 提示文件已经损坏,无法打开。
    nevernet
        28
    nevernet  
       2014-11-10 19:15:59 +08:00
    @jun4rui 我也是用chrome下载的
    Artotria
        29
    Artotria  
       2014-11-11 17:50:00 +08:00
    @nevernet PxCook能用,我刚下了一个简直神器!
    featherJ
        30
    featherJ  
       2015-01-15 18:30:43 +08:00
    @nevernet 提示已损坏是air runtime的问题。卸载掉你的air runtime,去adobe官网下载一个最新的安装下就可以了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3008 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 15:16 · PVG 23:16 · LAX 08:16 · JFK 11:16
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.