首页 > 代码库 > @注解时代的photoshop切图插件构想
@注解时代的photoshop切图插件构想
如今各大语言提供了注解机制,极大的简化了开发人员的配置工作。
然而photoshop切图工作一直在由人机械式的去执行,为什么不能交由机器去完成这项苦逼的工作,缺的其实仅仅是一种规范,通知photoshop如何去做这件事情,其实只要adobe公司在photoshop的新建图层面版中加入一个多行文本框,用于存储@Annotation注解就行了,剩下的看我如何道来:
图层嵌套对应HTML标记嵌套
默认是div标记嵌套
如果想要使用其他标签,那么:
设置为:
{
tagName:"span"
}
设置样式:
{
tagName:"span",
style:{
float:‘left‘,
"font-size":"12px",
color:‘#c00‘
},
styleMode:‘inner‘,
styleName:[‘textContainer‘,‘sideMenu‘],
text:‘测试内容‘
}
生成代码=>
<span class="textContainer sideMenu" style="float:left;font-size:‘12px‘;color:‘#c00‘;">测试内容</span>
2.默认没有注解的图层将不会产生代码
3.图层文件夹上可以设置内图层是否合并图层结果
@注解时代的photoshop切图插件构想
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。