@註解時代的photoshop切圖插件構想

現在各大語言提供了註解機制，極大的簡化了開發人員的配置工做。

然而photoshop切圖工做一直在由人機械式的去執行，爲何不能交由機器去完成這項苦逼的工做，缺的其實僅僅是一種規範，通知photoshop如何去作這件事情，其實只要adobe公司在photoshop的新建圖層面版中加入一個多行文本框，用於存儲@Annotation註解就好了，剩下的看我如何道來：

1. 圖層嵌套對應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.圖層文件夾上能夠設置內圖層是否合併圖層結果