在Photoshop中讀取activeDocument並將其發送到網頁或剪貼板API

-1

我是新來的Photoshop腳本和JavaScript。如何通過代碼讀取Photoshop CS5-C6中活動窗口內的圖像並將該圖像粘貼到網頁DIV中？在Photoshop中讀取activeDocument並將其發送到網頁或剪貼板API

僅供參考我是一個完整的編程新手。我的目標是用一個運行Web應用程序的包裝器來構建一個簡單的Mac App原型。該Web應用程序需要通過TCP連接到Photoshop，並閱讀所選窗口文檔中的圖像，然後以某種方式將其粘貼到Web應用程序的HTML中。（Photoshop中有一個名爲「遠程連接」編輯菜單轉換的Photoshop爲服務器內部的功能，並允許任何外部應用程序通過發送通過TCP JavaScript來讀取裏面的Photoshop /寫的東西）

所以，我怎麼能：

1）通過JavaScript訪問Photoshop的TCP？ 2）如何在活動的Photoshop窗口中獲取圖像並粘貼到Web應用程序中？

來源

2013-07-29 AkonW

@KatieK要訪問Photoshop我一直在嘗試使用這些示例腳本[鏈接]（https://gist.github.com/tbuchok），但因爲我是一個新手，我不知道該怎麼做被調整。 – AkonW

我可能需要一些額外的信息來幫助更準確，但如果我理解正確，我會說你正在本地機器上運行你的代碼。

請發表您使用（Visual Studio中，月食等）

第一種方法 你會想要拯救你的Photoshop圖像和文件添加到您的項目的開發環境。以防萬一，我會建議實際將圖像移動到您的項目文件夾中。

所以，如果你保存圖像到「C：/用戶名/圖片」 - 將其移動到「C：/文檔/ Visual Studio 2010中/項目/ MyWebPage」

一旦你做到了這一點，只是添加一個IMG標籤和文件路徑。如果移動圖像到項目文件夾，路徑應該只是文件名：

<div> 
    <img src="myPhotoshopImage.gif" alt="Image"> 
</div>

你可以把任何你喜歡的ALT內引號（「」），這並不影響它的方式作品。您也可以通過添加高度和寬度指定尺寸（可選的），像這樣：

<div> 
    <img src="myPhotoshopImage.gif" alt="Image" height="260" width="420"> 
</div>

第二種方法 如果你不想擔心管理您的圖像文件的項目，您可以選擇在線託管它們。

首先，將您的想象保存在photoshop中。然後選擇一個圖像託管服務。我會建議ImageShack一個簡單的開始。我還建議創建一個帳戶來跟蹤一切。

登錄到ImageShack並轉到「媒體上傳」選項卡。點擊「瀏覽」按鈕並找到您的圖像。點擊確定。如果您希望圖像看起來與您的計算機看起來相同，請確保選擇「不調整大小」。最後，點擊「立即上傳」&「繼續訪問圖片鏈接」頁面。

你會發現他們已經生成一個HTML鏈接給你，這將工作 - 但是，如果點擊也將作爲一個鏈接到ImageShack的。如果你想避免這種情況，只要按照相同的模式：

<div> 
    <img src="http://img541.imageshack.us/img541/2232/123vm.jpg" alt="Image" height="260" width="420"> 
</div>

你需要做一些研究，你想要的嵌入式圖像採取任何其他行動。一個很好的開始是W3Schools。

編輯 - 忘了提...如果你是想用一些JavaScript函數與圖像的工作，給你的圖像的「id」屬性：

<img src="something.jpg" alt="whatever" id="headerImage">

您現在可以訪問通過JavaScript圖片：

function foo() { 
    var myImage = document.getElementById("headerImage"); 
    myImage.height = 1000; 
    myImage.width = 832; 
};

此外，如果您有任何問題，請確保您的圖像保存爲一個共同的文件類型（不.PSD）

來源

2013-07-30 01:50:42 MrCarder

我正在使用SublimeText2和Coda 2.基本上，我試圖弄清楚如何通過使用JavaScript或Adobe的jsx從本地Web文檔通過TCP訪問Photoshop。 – AkonW

有一個用於連接到Photoshop的python封裝器叫做photoshopConnection

你可以做的一件事就是從PS獲取實際的文件信息，然後將文件本身複製到webapp中。我不認爲這款photoshop服務器支持您所期待的流式傳輸數據。

來源

2013-08-15 19:00:40 user2666063

在Photoshop中讀取activeDocument並將其發送到網頁或剪貼板API

回答

相關問題