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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 4377 days ago, the information mentioned may be changed or developed.

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

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

后续会推出加强版本！

marker

前端

神器

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

fising

Nov 10, 2014 via iPad

神在哪里？

momou

Nov 10, 2014

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

paloalto

Nov 10, 2014

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

konakona

Nov 10, 2014

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

oojiayu

Nov 10, 2014

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

airyland

Nov 10, 2014

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

Nerrsoft

Nov 10, 2014

不明觉厉

spark

Nov 10, 2014

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

lwbjing

Nov 10, 2014

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

airyland

Nov 10, 2014

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

learnshare

Nov 10, 2014

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

TheLamb

Nov 10, 2014

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

Mcatt

Nov 10, 2014

楼上+1

jun4rui

Nov 10, 2014

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

TheLamb

Nov 10, 2014

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

nevernet

Nov 10, 2014

pxcook貌似已经不能下载了

jun4rui

Nov 10, 2014

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

exodia

Nov 10, 2014

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

Sivan

Nov 10, 2014

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

jalen

Nov 10, 2014

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

TheLamb

Nov 10, 2014

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

spark

Nov 10, 2014

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

jjplay

Nov 10, 2014

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

nevernet

Nov 10, 2014

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

jun4rui

Nov 10, 2014

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

BGLL

Nov 10, 2014

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

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

nevernet

Nov 10, 2014

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

nevernet

Nov 10, 2014

@jun4rui 我也是用chrome下载的

shyrz

Nov 11, 2014

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

featherJ

Jan 15, 2015

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