透過網頁讀取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": []
}
}
}
Alt coin cc – альткоин bestchange, Альткоин обменник крипты
Отличный сайт! Всем рекомендую!проведение онлайн трансляций
tk 999 login tk 999 login .
[url=https://alt-coins.cc]Alt coin обменник[/url] – Alt coin bestchange, Альт коин обменник
[url=https://alt-coins.cc]Альткоин бестчейдж[/url] – Altcoin обменник, Альткоин обменник
Мобильные коленчатые подъемники для работы на высоте – подробнее по ссылке https://www.creativelive.com/student/liftuphome-liftuphome?via=accounts-freeform_2
https://t.me/s/topkazino_online“> Лучшие мобильные онлайн-казино на телефоне
Альткоин бестчейдж – Alt coin cc, Alt coin bestchange
tk 999 casino tk 999 casino .
ферма цц сайт – обмен биткойн на рубли, обменять лтк
Как правильно приобрести диплом колледжа или ПТУ в России, важные моменты
рейтинги процессоров рейтинги процессоров .
Азартное заведение Онлайн: Твой Гид в Мир игровых Развлечений
Что такое сетевое казино и как подобрать безопасное?
Азартное заведение в сети – это виртуальные платформы, предлагающие широкий диапазон азартных развлечений: с традиционных игровых слотов и слотов по увлекательных игральных игр, таких рулетка, блэкджек и покер. Но, чтобы получить наибольшее удовольствие из игры, необходимо подобрать безопасное азартное заведение, которое гарантирует честность и безопасность.
Главные критерии подбора:
Лицензия: Имеющие разрешение казино гарантируют справедливость развлечения и безопасность ваших средств. Убедитесь в наличие разрешения до регистрацией.
Оценка и комментарии: Исследуйте рейтинг азартного заведения и комментарии про азартное заведение со стороны остальных пользователей. Данное поспособствует тебе подобрать надежное место.
Поощрения и спецпредложения: Казино с бонусами предоставляют привлекательные условия для новых и постоянных игроков. Уделите внимание к бесплатные бонусы, халявные вращения и иные акции.
Ассортимент игр: Передовые онлайн азартные заведения предоставляют широкий ассортимент игр на любой вкус. Ищите казино с игровыми автоматами, колесом фортуны, блэкджеком, покером и иными развлечениями.
Вывод денег: Убедитесь, что азартное заведение с выводом средств предлагает комфортные и оперативные способы получения приза.
Поддержка: Надежные казино предоставляют качественную помощь по российском языке ради игроков из России.
Защита: Безопасные казино обеспечивают сохранность ваши данные с помощью современных технологий шифрования.
?? Поощрения и спецпредложения в сетевом казино
Онлайн казино заманивают новичков игроков обильными поощрениями казино. В ходе выборе заведения, уделите интерес на:
Вступительный поощрение: Вступительный поощрение за записи – превосходная возможность начать развлечение с резервными деньгами.
Бесплатный бонус: Бесплатные бонусы позволяют играть в казино даром, не внося средства.
Бесплатные вращения: Фриспины или бесплатные вращения – шанс поиграть в слоты даром.
Промокоды: Коды по акции казино предоставляют дополнительные бонусы и привилегии.
Кэшбэк: Кэшбэк казино отдает обратно долю потерянных денег.
Спецпредложения азартного заведения: Участвуйте в регулярных спецпредложениях и получайте дополнительные бонусы.
Многообразие развлечений в онлайн казино
В сетевом казино ты найдете огромный выбор игровых игр:
Игровые слоты: Азартные слоты в сети или игровые автоматы – самый популярный тип игр.
Колесо фортуны: Традиционная развлечение, что не теряет своей значимости.
Двадцать одно: Интеллектуальная игральная игра, требующая стратегии.
Покер: Различные виды покера ради любителей игральных игр.
Баккара, бинго, кено: Другие популярные азартные игры.
Live казино: Наслаждайтесь игрой с реальными раздающими.
Мобильное азартное заведение: играйте в всяком месте
Переносное казино – является удобный способ получать удовольствие от игрой в всяком точке и в любое момент. Вы имеете возможность играть в предпочитаемые игры азартного заведения прямо с твоего мобильника или панели.
Где начать развлекаться в сетевом азартном заведении?
Чтобы развлекаться в казино и получать удовольствие от азартом, казино бесплатное онлайн исполняйте этим простым действиям:
Выберите казино: Изучите рейтинг азартных заведений и подберите надежное место.
Зарегистрируйтесь: Завершите быструю регистрацию в казино.
Пополните аккаунт: Пополните счет в азартном заведении удобным способом.
Начните играть: Подберите развлечение и получайте удовольствие от действием!
Каким образом одержать победу в казино и каким образом вывести средства?
Развлечение в азартном заведении на деньги – является не только игра, но и возможность выиграть. Учитесь, совершенствуйте свои умения и развлекайтесь ответственно. Азартные заведения с снятием обеспечивают скорый и удобный снятие средств с азартного заведения многообразными способами.
tk 999 casino tk 999 casino .
рейтинг процессоров для игр http://topcpu.ru/ .
купить лтк – ферма бестчендж, обменник бестчендж
рейтинг процессоров amd [url=topcpu.ru]topcpu.ru[/url] .
tk999 apk tk999 apk .
Как получить диплом о среднем образовании в Москве и других городах
Приобретение диплома ВУЗа с сокращенной программой обучения в Москве
tk999 login tk999 login .
https://casinositeleri25.com/# guvenilir casino siteleri
Try your luck at taya 365 login, where excitement meets reliability! Hundreds of popular games, unique promotions and instant payouts await you.
Try your luck at taya 365, where excitement meets reliability! Hundreds of popular games, unique promotions and instant payouts await you.
рейтинги процессоров для пк https://topcpu.ru .
обзор процессоров обзор процессоров .
tk 999 app tk 999 app .
yeni deneme bonusu veren siteler denemebonusuverensiteler25 deneme bonusu veren yeni siteler
рейтинги процессоров для пк http://www.topcpu.ru .
tk999 com tk999 com .