透過網頁讀取Photoshop PSD檔案內容

在專案中有需要透過網頁來讀取Photoshop PSD檔案的內部資訊,我們透過PSD.js備用載點)來實現這樣的功能,在官方提供的功能展示頁中,我們可以看到在頁面中只需引入psd.min.js後,加入透過少量的Javascript就可以針對PSD進行解析。

<!DOCTYPE html>
<html>
<head>
  <title>psd.js image example</title>
  <style type="text/css">
  body, html {
    padding: 0;
    margin: 0;
  }
  #dropzone {
    width: 500px;
    height: 100px;
    border: 1px #ababab dashed;
    margin: 50px auto;
  }
  #dropzone p {
    text-align: center;
    line-height: 100px;
    margin: 0;
    padding: 0;
  }
  #image {
    text-align: center;
  }
  </style>
  <script type="text/javascript" src="psd.min.js"></script>
</head>
<body>
  <div id="dropzone">
    <p>Drop here</p>
  </div>
  <div id="image"></div>
  <pre id="data"></pre>
  <script type="text/javascript">
  (function () {
    var PSD = require('psd');
    document.getElementById('dropzone').addEventListener('dragover', onDragOver, true);
    document.getElementById('dropzone').addEventListener('drop', onDrop, true);
    function onDragOver(e) {
      e.stopPropagation();
      e.preventDefault();
      e.dataTransfer.dropEffect = 'copy';
    }
    function onDrop(e) {
      e.stopPropagation();
      e.preventDefault();
      PSD.fromEvent(e).then(function (psd) {
        var data = JSON.stringify(psd.tree().export(), undefined, 2);
        document.getElementById('data').innerHTML = data;
        document.getElementById('image').appendChild(psd.image.toPng());
      });
    }
  }());
  </script>
</body>
</html>

我們透過下圖這樣的一個PSD檔案對頁面進行測試,檔案中共有三個圖層,包含一個文字圖層。

頁面將PSD分析出結果後,以json格式顯示在頁面上,可以看到文字圖層的部分,不僅能讀到圖層名稱也包含文字內容和字型名稱。

{
  "children": [
    {
      "type": "layer",
      "visible": true,
      "opacity": 1,
      "blendingMode": "normal",
      "name": "Photoshop Text",
      "left": 302,
      "right": 723,
      "top": 90,
      "bottom": 128,
      "height": 38,
      "width": 421,
      "mask": {},
      "text": {
        "value": "THIS IS TEXT LAYER",
        "font": {
          "name": "MyriadPro-Regular\u0000",
          "sizes": [
            53
          ],
          "colors": [
            [
              0,
              0,
              0,
              255
            ]
          ],
          "alignment": [
            "center"
          ]
        },
        "left": 0,
        "top": 0,
        "right": 0,
        "bottom": 0,
        "transform": {
          "xx": 1,
          "xy": 0,
          "yx": 0,
          "yy": 1,
          "tx": 513,
          "ty": 127
        }
      },
      "image": {}
    },
    {
      "type": "layer",
      "visible": true,
      "opacity": 1,
      "blendingMode": "normal",
      "name": "PSD Icon",
      "left": 287,
      "right": 738,
      "top": 209,
      "bottom": 669,
      "height": 460,
      "width": 451,
      "mask": {},
      "image": {}
    },
    {
      "type": "layer",
      "visible": true,
      "opacity": 1,
      "blendingMode": "normal",
      "name": "Background",
      "left": 0,
      "right": 1024,
      "top": 0,
      "bottom": 800,
      "height": 800,
      "width": 1024,
      "mask": {},
      "image": {}
    }
  ],
  "document": {
    "width": 1024,
    "height": 800,
    "resources": {
      "layerComps": [],
      "guides": [],
      "slices": []
    }
  }
}

You may also like...

46,003 Responses

  1. RobertPex表示:

    pinup 2025 pinup 2025 пин ап зеркало

  2. crypto7obliz表示:

    The volatility of cryptocurrency can be scary, but it’s also what makes it exciting!
    https://t.me/cryptonetlake

  3. RobertPex表示:

    slot tr online az parayla cok kazandiran slot oyunlar? slot siteleri

  4. сейф表示:

    Тут можно сейф цена купитьновый сейф

  5. EdwardApest表示:

    https://casinositeleri2025.pro/# bonus veren bahis siteleri yasal

  6. Тут можно сейф для хранения документов в офисесейф для офиса купить москва

  7. RobertPex表示:

    en kazancl? slot oyunlar? az parayla cok kazandiran slot oyunlar? slot oyunlar?

  8. TravisFlasp表示:

    az parayla cok kazandiran slot oyunlar?: en kazancl? slot oyunlar? – slot oyunlar? puf noktalar?

  9. Josephnor表示:

    пин ап казино официальный сайт: pinup 2025 – пин ап

  10. 有道词典是由网易有道出品的全球首款基于搜索引擎技术的全能免费语言翻译软件。简介. 支持中文、英语、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语、藏语、西语等109种语言翻译。拍照翻译、语音翻译、对话翻译、在线翻译、离线翻译更顺畅。更多的翻译 https://www.youdaoo.com

  11. EdwardApest表示:

    https://casinositeleri2025.pro/# gerГ§ek paralД± casino oyunlarД±

  12. Josephnor表示:

    pinup 2025: пин ап казино – pinup 2025

  13. Justinlib表示:

    https://pinup2025.com/# пин ап казино официальный сайт

  14. libroroom.ru表示:

    My web-site … dating site in usa (libroroom.ru)

  15. RobertPex表示:

    en yeni kaГ§ak bahis siteleri yeni Гјyelik bonusu veren siteler yeni siteler bahis

  16. Josephnor表示:

    en kazancl? slot oyunlar?: slot oyunlar? puf noktalar? – slot tr online

  17. Josephnor表示:

    пинап казино: пин ап казино зеркало – pinup 2025

  18. Matthewgiz表示:

    Гестапо Колокольцева

    ГСУ питерского главка МВД использует фашистские методы

    ГСУ питерского главка МВД использует гестаповские методы и фальсификацию показаний для создания фальшивых дел по указке заказчиков из руководства МВД, под прикрытием оборотней из прокуратуры.

    Приморский районный суд рассматривает так называемое дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей», обвиняется основатель «Лайф-из-Гуд» и «Бест Вей» Роман Василенко (для горе-правоохранителей он недоступен), по делу 10 подсудимых-заложников – ни в чем не повинных людей, технических сотрудников и пайщиков кооператива, в том числе отец Романа Василенко 83-летний Виктор Иванович Василенко.

    В ходе судебных заседаний выявлены уже десятки пострадавших от фашистских методов ГСУ.

    Лариса Василенко

    77-летняя Лариса Александровна Василенко, мама Романа Василенко, ветеран Вооруженных сил – офицер морской авиации. Служила на Дальнем Востоке в в/ч морской авиации начальником секретной части, которая была признана лучшей на Тихоокеанском флоте, награждена государственными наградами и наградами вооруженных сил.

    Гестаповцы, предатели Родины из питерской полиции в шесть утра ворвались к ней в спальню и под дулами автоматов заставили в их присутствии обнажиться и переодеваться, при этом унижали и оскорбляли. После обыска забрали ее на допрос, весь день до девяти часов вечера продержали в коридоре: дали сломанный стул без ножки, не пускали в туалет, не давали воды.

    Руководитель следственной группы – замначальника ГСУ полковник Винокуров лично явился для того, чтобы орать матом на женщину вдвое старше его, угрожал расправой и тюрьмой. К Ларисе Василенко не пустили адвоката – он весь день и вечер просидел на крыльце ГСУ. Зато назначили своего, «подсадного» так называемого адвоката по назначению: Лариса Александровна смогла понять, что это не тот адвокат, который прислан ее близкими.

    Лариса Александровна в коридоре потеряла сознание – ее вынесли на воздух, на улице она пришла в себя и что было сил на всю улицу закричала: «Помогите!» Прохожие попытались броситься ей на помощь – и только после этого молодые гестаповцы решили ее отпустить, чтобы избежать скандала.

    При всех стараниях следствия к уголовному делу Ларису Александровну «пришить» не удалось, так как она никак не была связана с «Лайф-из-Гуд» и «Бест Вей» – то есть оснований для ее допроса не было никаких: это была попытка найти хоть какой-то компромат на ее сына.

    Виктор Василенко

    83-летний Виктор Иванович Василенко ветеран Вооруженных сил, полковник морской авиации, инвалид второй группы – он не видит на один глаз.

    Жестко задержан и принудительно доставлен в ГСУ на допрос. Во время задержания у него забрали все деньги, которые были с собой, не оприходовали и не вернули ему – украли деньги у пенсионера!

    Во время длительного допроса терял сознание – ему вызывали скорую. Но это не помешало помещению Виктора Ивановича на трое суток в КПЗ. Трое суток настоящих пыток: КПЗ страшнее, чем СИЗО! Все эти трое суток над ним издевались и оскорбляли.

    Оборотни в погонах МВД требовали заключить 83-летнего инвалида под стражу – но даже судья Цибизова, имеющая репутацию максимально лояльной к следствию, пришла в ужас от гестаповских методов и отказалась это сделать – оставила старика-инвалида дома под ограничением определенных действий.

    83-летнего ветерана привлекли в уголовное дело в качестве обвиняемого на том основании, что он был пайщиком кооператива – фактически взяли его в заложники.
    Так МВД преступно издевается даже над заслуженными пенсионерами, ветеранами, которые посвятили свою жизнь защите Родины.

    Зоя Семёнова

    75-летняя Зоя Магомедовна Семёнова, пенсионерка из Самары. Ее грубо задержали в аэропорту Пулково, когда она улетала домой после участия в заседании суда, на котором Зоя Магомедовна поддерживала кооператив. Параллельно провели в ее доме в ее отсутствие обыск – сломали дверь, разбили окна.

    Ее силой доставили на допрос, весь день держали в застенках ГСУ, не давали воды и сходить в туалет. Не вызвали врача, несмотря на критическое состояние здоровья – давление за 200.

    С ней работали одновременно два следователя. Следователь Мальцев во время допроса кричал на нее, грозился посадить в подвал. Следователь Сапетова в роли «доброго следователя» говорила, что готова войти в положение и отпустить: «Только подпишите».

    Зою Магомедовну довели до такого состояния, что она не могла читать то, что давали ей подписывать, – при этом Сапетова не стала зачитывать ей вслух написанные самой следовательницей-преступницей «показания», чтобы Зоя Магомедовна не заявила об отказе от показаний.

    На суде выяснилось, что практически вся информация, внесенная следователем в протокол допроса, не подтверждается – Семёнова отказалась от своих показаний, сказала, что слышит в первый раз якобы свои высказывания, с ними не согласна, не знает даже таких слов и не могла использовать таких формулировок, не говоря уже о смысле «показаний», который не соответствует ни фактам, ни отношению Зои Магомедовны к кооперативу МВД – она поддерживала и продолжает поддерживать кооператив «Бест Вей», о чем заявила в суде.

    Евгений Иорданиди

    ­­­­66-летний Евгений Иорданиди офицер Военно-морского флота в отставке, кавалер государственных наград и наград Вооруженных сил.

    Подвергся жесткому обыску и жесткому допросу. Отказался в суде от акцентов в написанных за него показаний, на которые не обратил должного внимания из-за мер физического и морального воздействия на него во время допроса в ГСУ.

    Дмитрий Выдрин

    Дмитрий Выдрин – водитель, был консультантом по продаже продуктов «Гермеса».

    В результате жесткого допроса в ГСУ под угрозой заключения в СИЗО оговорил себя и других, чтобы получить домашний арест.

    Готов полностью отказаться от своих показаний – как полученных под пытками.

    Шамиль Фахруллин

    Пенсионер Шамиль Зиннатович Фахруллин был клиентом «Гермеса» и после жесткого допроса оговорил обвиняемых и написал заявление в качестве потерпевшего.

    Фахруллин скончался после допроса – по словам адвоката, он получил тяжелую психологическую травму на допросе, которая привела к инфаркту.

    Массовая фальсификация показаний

    Десятки свидетелей заявили в суде о том, что показания нарисованы, и отказывались от них в суде.

    Один из ключевых свидетелей обвинения – водитель Алексей Комаров – хотя и соглашался с красивыми показаниями, написанными за него следователями (в обмен на замену статуса с подозреваемого на свидетеля), во время судебного допроса не смог повторить эти показания даже частично, воспроизвести факты, которые он якобы приводил на следствии, – «бэкал», «мэкал» и в конце концов сослался на то, что перенес тяжелый коронавирус и все забыл.

    Таким образом, речь идет о массовой фальсификации показаний преступными следователями!

    Дискредитация вооруженных сил

    МВД и прокуратура в данном уголовном деле занимаются не чем иным, как дискредитацией Вооруженных сил, выступают против армии. Они унижают военных пенсионеров, наносят ущерб пайщикам кооператива – участникам СВО.

    К этому подключилась гнилая коррумпированная судья по гражданским делам Малиновская, вынесшая по наущению прокуратуры преступное, вредительское, откровенно незаконное решение, которое сейчас оспаривается в вышестоящих судах.

    Кооператив «Бест Вей» был создан в 2014 году капитаном третьего ранга запаса Романом Василенко прежде всего для решения жилищной проблемы действующих военнослужащих, военнослужащих, уволенных в запас, и членов их семей. Сейчас кооператив возглавляет полковник запаса депутат Государственной думы VIIсозыва Сергей Крючек. Членами кооператива являются тысячи участников СВО, орденоносцев – все они стараниями МВД и прокуратуры лишены своих денег, которые находятся под арестом, и лишены возможности купить квартиру, на которую собрали средства.

    Органы внутренних дел и примкнувшие к ним прокуроры систематически унижают военных – что наносит непоправимый ущерб престижу воинской службы – в воюющей России!

    Военные должны сплотиться против беззакония зажравшихся и жирующих тыловых беспредельщиков в погонах МВД и прокуратуры. Военным надо объединяться в борьбе с преступниками МВД и защищать свои права в рамках закона, добиваться контроля за правоохранительными органами, которые захвачены коррупционерами и предателями.

    Предателей – к ответу

    МВД – фашистские преступники под крышей ОПГ Колокольцева. Вся коррумпированная система МВД и прокуратуры не защищает народ, а, пользуясь вверенными полномочиями, стремится надругаться над ним и обворовывают его.

    Гестаповцы, исповедующие фашистские принципы во время войны России и фашизмом, предатели Родины, замаскированные погонами МВД и прокурорскими погонами, должны быть осуждены как предатели, заслуженная кара настигнет их в полном соответствии с законом в ближайшее время!

    #Лайф-из-Гуд #Гермес #Бест Вей

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。