透過網頁讀取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...

29,004 Responses

  1. KennethPah表示:

    can i buy cheap clomid tablets clomid on pharm can i get generic clomid prices

  2. RobertJar表示:

    how can i get generic clomid price: how to buy cheap clomid no prescription – can you buy generic clomid tablets

  3. вызов нарколога на дом круглосуточно вызов нарколога на дом круглосуточно .

  4. RobertJar表示:

    п»їcipro generic: buy cipro cheap – where can i buy cipro online

  5. DanielAbice表示:

    http://clomidonpharm.com/# can i order generic clomid now

  6. GichardPheve表示:

    Thank you, I’ve just been looking for info approximately this subject for ages and yours is the best I’ve found out till now. But, what concerning the bottom line? Are you sure in regards to the supply?

    https://cficom.ru/pic/pgs/fonbet-promokod-poluchi-bonus.html

  7. Lhaneevige表示:

    Do you have a spam issue on this blog; I also am a blogger, and I was wondering your situation; many of us have developed some nice methods and we are looking to trade strategies with others, please shoot me an email if interested.

    https://it-on.ru/bitrix/pgs/fonbet___besplatnuy_promokod_pri_registracii.html

  8. Bryanves表示:

    Пирамида из выдумок о «Бест Вей»

    «Выпускница техникума» провела экспертизу, по которой была заблокирована организация и предъявлены обвинения ее менеджерам

    Продолжаем следить за резонансным разбирательством, в том числе уголовным, касающимся санкт-петербургского потребительского кооператива «Бест Вей». На заседании Приморского районного суда города Санкт-Петербурга состоялось выступление важного свидетеля обвинения – сотрудницы Северо-Западного главка ЦБ Любови Парфеновой, которая составила в 2021 году заключение о том, что кооператив «Бест Вей» имеет признаки финансовой пирамиды, и в том же году дала показания следствию, на основании которых были предъявлены уголовные обвинения нескольким лицам.

    Первоначально отказывалась отвечать на вопросы, заявив, что ничего не помнит (здесь и далее цитируется звукозапись допроса, которая есть в редакции) и с 2022 года не работает в структуре противодействия нелегальной деятельности на финансовом рынке. Прозвучало замечание судьи Екатерины Богдановой, что Парфенова – свидетель, приглашенный для дачи показаний и для эксперта три года – не срок, Парфенова обязана сделать пояснения. Судья распорядилась дать ей текст ее заключения, после чего свидетель с трудом ответила на некоторые вопросы, касающиеся «своего» исследования.

    Свидетель пояснила суду, что заключение было составлено по поручению начальника отдела противодействия нелегальной деятельности на финансовом рынке Северо-Западного ГУ ЦБ РФ, в котором тогда работала (вся вертикаль противодействия нелегальной деятельности на финансовом рынке в 2022 году ликвидирована). Исследование проведено на основании материалов, предоставленных Департаментом противодействия нелегальным практикам ЦБ, дополнительных материалов не запрашивала.

    Заключение было составлено, как свидетель пояснила, прежде всего путем переложения в 2021 году письма 2019 года из Краснодарского центра компетенций по противодействию нелегальным практикам на финансовом рынке ЦБ – переложения в форму ответов на вопросы, поставленные Департаментом противодействия нелегальным практикам ЦБ, возглавлявшимся Валерием Ляхом, которого некоторые активисты кооператива связывает с организацией атаки на него, учитывая, что Лях перешел на должность главы общественно-государственного Фонда по защите прав вкладчиков и акционеров и может получить право управлять активами кооператива.Как именно проводилось исследование в Краснодаре, есть ли материалы этого исследования, Парфенова не знает, видела только «результирующее» письмо. Использовались также некие методические рекомендации ЦБ по выявлению признаков финансовых пирамид – что там написано, свидетель не смогла вспомнить.

    Актуальных документов кооператива на момент проведения исследования не имела и не запрашивала. Самостоятельно деятельность кооператива «Бест Вей» не анализировала – только по представленным данным и краснодарскому заключению. Движение по счетам кооператива не исследовала.

    На вопрос адвокатов, есть ли у Парфеновой подготовка для финансово-экономической и юридической экспертизы, пояснила, что у нее только бакалавриат по экономике и на тот момент шесть лет опыта работы в системе ЦБ. То есть нет магистратуры – полного высшего образования.

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

    В ответ на вопрос одного из адвокатов пояснила, что до поступления письма из Краснодара кооператив «Бест Вей», зарегистрированный в Санкт-Петербурге, в поле зрения Северо-Западного главка ЦБ, который и должен был исследовать его деятельность изначально, не попадал, жалоб на него не было. Пояснила, что кооператив работал по всей России – но заключение по нему было подготовлено только в Краснодаре.

    Утверждает в заключении, что кооператив обещал пайщикам доход. На вопросы, какой доход и кому, пояснила, что пайщикам предлагался дополнительный доход в компании «Гермес». «Так доход же обещала другая организация?» – был задан вопрос. В ответ рассказала суду о том, что в кооперативе было вознаграждение за привлечение новых пайщиков.

    Адвокаты спросили: в Альфа-Банке, например, есть вознаграждение за приведенного клиента, делает ли это Альфа-Банк финансовой пирамидой? Парфенова ответила, что Альфа-Банк поднадзорен Банку России, значит, к нему не может быть вопросов. На уточняющий вопрос о том, что речь же идет, как утверждается, о признаке финансовой пирамиды, ответственность за создание которой предусмотрена УК, не смогла дать пояснений.

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

    Пирамидальность кооператива, с точки зрения Парфеновой, доказывает широкая реклама. В заключении Парфеновой приведены три статьи в разных СМИ, причем нерекламные, а информационные. Адвокаты спросили: разве это можно назвать широкой рекламой? Каковы критерии широты рекламы? Парфенова ответила, что это широкая реклама – «таково мое личное мнение», и критериев «широты» рекламы нет.

    В ответ на вопрос, занимался ли кооператив предпринимательской деятельностью, прочитала выдержку из своего же заключения, что кооператив не вел деятельности, приносящей доход, – то есть не занимался предпринимательской деятельностью. На вопрос о том, является ли кооператив организацией коммерческой или некоммерческой, отвечает, что, «наверное, некоммерческой».

    Утверждает в своем заключении о взаимосвязи между иностранной инвестиционной компанией «Гермес» и кооперативом «Бест Вей», однако, в чем эта взаимосвязь, пояснить суду не смогла, сказав лишь, что «это следует из представленных документов».

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

    «Вывод о том, что «Гермес» является партнером «Бест Вей», я сделала из заключения Центра компетенций. Просто продублировала. Лично изучая документы, не нашла такого. У «Гермеса» были завышены ставки по вкладам – 15–22%».

    На вопрос адвоката: «Если ваш товарищ – спекулянт, означает ли это, что вы тоже спекулянт?» – Парфенова ответила отрицательно.

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

    «Возмутительно, что деятельность хозяйствующих субъектов, тем более имеющих значительную социальную составляющую, блокируется по заключениям экономически и юридически безграмотных девочек с бакалавриатом – фактически техникумом, по экономике, – комментирует один из адвокатов. – Со ссылкой на некие ранее проведенные исследования пятилетней давности, по которым доступна только резолютивная, а не исследовательская часть. Это совершенно безосновательные, местами откровенно смешные претензии к кооперативу – если бы не было грустно из-за того, что люди по этим, возможно, заказным обвинениям находятся в СИЗО. Надеемся, в результате рассмотрения уголовного дела истина будет установлена, и авторы наветов, оговоров честных людей, в том числе Парфенова, будут привлечены к уголовной ответственности, о которой предупреждались».

  9. DanielAbice表示:

    http://clomidonpharm.com/# can i order generic clomid no prescription

  10. продамус промокод скидка на подключение продамус промокод скидка на подключение .

發佈留言

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