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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3653 天前的主题，其中的信息可能已经有所发展或是发生改变。

前端切图神器在线版『Super Marker』，半自动化标记各种尺寸。基本功能已经完善，体验有待优化，先上第一版，欢迎提出宝贵建议！

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

后续会推出加强版本！

marker

前端

神器

30 条回复 • 2015-01-15 18:30:43 +08:00

fising

2014-11-10 01:15:39 +08:00 via iPad

神在哪里？

momou

2014-11-10 01:31:28 +08:00

不按常理出牌啊，摸了半天没搞清怎么用。。。

paloalto

2014-11-10 01:43:11 +08:00

我之前用过「马克鳗」 http://www.getmarkman.com/ 这个

konakona

2014-11-10 05:08:05 +08:00

=.= 什么？取色器加尺子？这还不足以满足切图的基本需求啊！切片在哪儿？对于边角和色块的自动优化以及标准线后的切片自动吸附呢？

oojiayu

2014-11-10 08:24:31 +08:00

还不完善，很多PS的功能都没有添加上。

airyland

2014-11-10 08:32:51 +08:00

昨天我以为是用在psd上的，于是在页面上我把psd打开了，然后。。浏览器就一动不动了。
不过还是赞一下。

Nerrsoft

2014-11-10 08:35:46 +08:00

不明觉厉

spark

2014-11-10 08:40:26 +08:00

@airyland 我也以为这种工具最基本的功能是支持PSD...

lwbjing

2014-11-10 09:17:00 +08:00

@airyland @spark 用canvas去搞psd，有点难为前端了。。

airyland

2014-11-10 09:57:59 +08:00

@lwbjing 我觉得是这个工具本身表述不准确，只是用于大概标示尺寸和颜色的，不应该叫”切图神器“。

learnshare

2014-11-10 10:01:23 +08:00

私以为不该叫神器~ 叫 demo 可好？

TheLamb

2014-11-10 10:14:31 +08:00

以前用马克鳗，现在用这个，比马克鳗好用，还免费

Mcatt

2014-11-10 10:21:18 +08:00

楼上+1

jun4rui

2014-11-10 10:27:20 +08:00

@TheLamb 哎唷，太好了，PS这切图真的是老大难问题了啊，偏偏Fireworks又不更新了，切图甩PS几条街。

TheLamb

2014-11-10 10:29:43 +08:00

@jun4rui 这个还不错的我从内测开始用的，本来我都要决定买马克鳗了结果这个功能比马克鳗更强大，只要设计那边出PSD给前端的时候按照软件的规范来，切图真的是分分钟的事情，不过我用标记的功能会比较多

nevernet

2014-11-10 10:36:49 +08:00

pxcook貌似已经不能下载了

jun4rui

2014-11-10 10:51:10 +08:00

@TheLamb 标记就够了，这个东东切图需要在PS里面那图层标.png .jpg之类的，估计还要和美工沟通沟通（碰到无法沟通的美工就惨了），不过现在美工做的图片其实也不怎么需要切很多地方，自己调整一下也够用了。起码够用还免费。
@nevernet 还可以，我刚刚才下载安装好

exodia

2014-11-10 10:52:31 +08:00

神在哪里？比 markman 更好用在哪里？

Sivan

2014-11-10 10:55:25 +08:00

感觉好多 bug 啊……目前用的神器组合是 PS 一键切图 + xScope 辅助，速度超过所有第三方工具。

jalen

2014-11-10 11:17:06 +08:00

@TheLamb 还要几个图层先合成图然后命令 png jpg，这个让射击师做才不吊你呢... 哭..

TheLamb

2014-11-10 11:27:59 +08:00

@jalen 这也没办法，目前还不支持图层效果，不过很多PS的切图插件都是需要按照一定规则命名图层的或者有团队有相应的图层命名规范之类的，如果射鸡湿自己没有这方面的自我约束的话喜欢各种乱七八糟的图层管理的话，那也没办法了，看配合吧
psd规范比如这种： http://hao.uisdc.com/ps/

spark

2014-11-10 12:37:47 +08:00

@lwbjing 那做这个工具的意义在哪里?

jjplay

2014-11-10 13:23:37 +08:00

看来图解才知道怎么用，很不错的设计思路典型的工科男想法，实际用起来不是特别的顺手，还是赞一个

nevernet

2014-11-10 13:27:32 +08:00

@jun4rui 我这边下载的air文件，一直提示已损坏

jun4rui

2014-11-10 17:14:01 +08:00

@nevernet 这个，我用chrome之下下载的

BGLL

2014-11-10 17:57:25 +08:00

我认为的切图神奇，只有 Assistor PS 因为是直接在PS里操作，无论是对齐的准确性、可修改性、还是标注的美观性（PS里想弄成什么样就弄成什么样）都比这些在导出图片上操作的工具好

不过楼主这个在线版的还是很好，很多时候临时用，不必装软件

nevernet

2014-11-10 19:15:31 +08:00

@jun4rui 我下载回来都是796KB，提示文件已经损坏，无法打开。

nevernet

2014-11-10 19:15:59 +08:00

@jun4rui 我也是用chrome下载的

Artotria

2014-11-11 17:50:00 +08:00

@nevernet PxCook能用，我刚下了一个简直神器！

featherJ

2015-01-15 18:30:43 +08:00

@nevernet 提示已损坏是air runtime的问题。卸载掉你的air runtime，去adobe官网下载一个最新的安装下就可以了。