@注解时代的photoshop切图插件构想

现在各大语言提供了注解机制,极大的简化了开发人员的配置工做。ide

然而photoshop切图工做一直在由人机械式的去执行,为何不能交由机器去完成这项苦逼的工做,缺的其实仅仅是一种规范,通知photoshop如何去作这件事情,其实只要adobe公司在photoshop的新建图层面版中加入一个多行文本框,用于存储@Annotation注解就好了,剩下的看我如何道来:测试

  1. 图层嵌套对应HTML标记嵌套spa

默认是div标记嵌套orm

若是想要使用其余标签,那么:ci

设置为:开发

{it

  tagName:"span"io

}class

设置样式:配置


{

  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.图层文件夹上能够设置内图层是否合并图层结果

相关文章
相关标签/搜索