ps前端架構輔助v2.0.1版2007-11-14發布,歡迎各位前端架構師下載試用,歡迎反饋使用建議。
推出目的,可以快速生成html代碼和css樣式--選中一個選區,按下f2,代碼立即生成圖片也立即保存好了
相信photoshop是“凡是稱得上電腦高手”的人都會的圖片處理軟件,鴿子也特別喜歡畫畫(設計),這個軟件也用得特溜,閉著眼都可以玩了。呵,于是也就想到為photoshop增加新功能。記得去年工作的時候擴展了coreldraw,發現功能還真實用。
升級日志:
升級時間2007-11-14,主要升級特性:
增加導出背景重復設置;
注:安裝或使用過程中遇到了問題,請向我發郵件,我的伊妹兒/msn/qq都是:www[at]xiaogezi.cn。
運行環境:
效果如圖:
最新版下載地址:xexportv2.0.1.rar
安裝方法:
把解壓的:xexportv2.0.1.jsx 拷貝到 c:/program files/adobe/photoshop cs3/presets/scripts, 打開photoshop cs3,“窗口”-> “動作”-> 打開“動作面板”,新建動作,設置快捷鍵為f2。在面板選項里選擇“選擇菜單項” -> “文件” -> “腳本” -> “xexportv2.0.1.jsx” (如果腳本列表里面沒有,請選擇“瀏覽”來選擇)。
使用方法:
使用框選工具,選擇要導出圖片的部分,設置要保存圖片的位置(默認是d:/),按下f2,輕松設置即可生成符合w3c標準的html代碼,圖片也保存好了。
操作案例:
http://www.esieo.com/demo/ 這個網頁的html文檔的代碼就是精彩案例。
#target photoshop
app.bringtofront();
$.localize = true;
/*
程式名:擴展photoshop之導出選區到圖片并生成div+css(xhtml)代碼;
code by linr chen,my website http://www.nihaoku.cn/ http://www.xiaogezi.cn/
javascript file name:xexport.jsx
*/
if (app.documents.length == 0)
{
var docref = app.documents.add();
}
else
{
var docref = app.activedocument;
var obj = docref.selection;
}
var okbtn = "確定";
var clebtn = "取消";
var strtitle=" 圖片到源代碼 image to html - linr studio";
var strbuttonbrowse = localize("$$$/javascripts/exportlayerstofiles/browse=&browse...");
var dlg;
/* 創建win form 窗體 */
function createdlg(css,htm)
{
dlg = new window("dialog",strtitle,[200,250,630,560],undefined);
dlg.orientation = 'column';
dlg.alignchildren = 'left';
dlg.tohtmlidlbl = dlg.add( 'statictext', [10,12,55,30], 'div id:', '');
dlg.tohtmlid = dlg.add( 'edittext', [56,10,220,30], '', {multiline:false, readonly:false} );
dlg.tohtmlbtn = dlg.add("button",[222,8,320,32],"生成dhtml...");
....
代碼過長故省略,可以通過下載附件來查看
新聞熱點
疑難解答