透過網頁讀取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": []
}
}
}
программа 1с купить цена программа 1с купить цена .
Реально ли приобрести диплом стоматолога? Основные этапы
Купить диплом старого образца, можно ли это сделать по быстрой схеме?
Всё, что нужно знать о покупке аттестата о среднем образовании
Официальная покупка аттестата о среднем образовании в Москве и других городах
purchase prednisone from india: ray pharm – prednisone prescription drug
Узнай все о удаление полипа эндометрия ценаудаление полипа в эндометрии матки
Московские бани и сауны
[url=https://dai-zharu.ru/omsk/category/stoimost/nedorogie-sauni-bani-v-omske]Недорогие бани в Омске[/url]
Бани и сауны всегда были достаточно востребованы у тех, кто прежде всего заботится о своём здоровье, а также любит приятно проводить своё время в кругу друзей. В современном мире существует огромная разновидность бань и саун, которые могут удовлетворить капризы самых придирчивых гостей. К тому же, стоит отметить благоприятное влияние парилок на физическое и ментальное здоровье человека.
Сауны и бани заслужено получили звание одних из наиболее популярных мест для отдыха не только в нашей стране, но и за рубежом. Поэтому не странно, что в мире так много различных видов данного отдыха.
Каждый любитель этого полезного времяпрепровождения сможет подыскать подходящий вариант отдыха с помощью нашего онлайн-ресурса, где собраны почти все адреса саун со всего региона. Наш сайт предназначен для того, что бы найти и снять баню, а вам лишь остаётся зайти и выбрать то, что больше всего подходит.
ЛУЧШИЕ БАНИ И САУНЫ НА НАШЕМ ОНЛАЙН-РЕСУРСЕ
Ни для кого не является секретом, что каждый человек любит провести своё свободное время не только с пользой для себя и для здоровья, но и забыв о всех тяготах будних дней. А с помощью нашего сайта вы приблизитесь к своей мечте на ещё один шаг, потому что:
вы найдёте романтичное место для рандеву со своей второй половинкой;
сможете расположить к себе потенциального клиента по работе;
расслабиться от мирской суеты;
отдохнуть в компании близких друзей или семьи;
Какую бы зону отдыха вы не выбрали — вы сможете найти и детально ознакомиться с её характеристикой, стилем и атмосферностью. Ведь на нашем сайте представлены дорогие и дешевые сауны не только из Москвы, но и Подмосковья. Вам только нужно ввести интересующий вас запрос, используя критерии поиска.
Каждое заведение имеет свою страницу где вы сможете более детально изучить ассортимент со всеми услугами, которые оно предоставляет, просмотреть фотографии, найти номер телефона бани. На странице также указаны цена сауны, ссылка на официальный сайт и местоположение на карте.
Помимо этого вы можете прочитать отзывы о саунах и банях и их оценки от пользователей нашего ресурса.
ПРЕИМУЩЕСТВА В ИСПОЛЬЗОВАНИИ ИМЕННО НАШЕГО САЙТА
Для вашего удобства наш сервис предоставляет поиск по различным критериям. Здесь вы сможете найти зону отдыха по нужным вам категориям, например:
округ, район или ближайшая станция метро;
аква-зона. Вы сможете удивить своего ребёнка водопадом, либо выйти со своей второй половинкой к озеру, также восстановить свои силы после трудной рабочей недели в джакузи или в сауне с морской водой. А сауна с бассейном помогут вам расслабиться;
предоставляемые услуги. Например акваэробика, СПА салоны, массаж, фитнес или тренажерный зал;
сервис. Это может быть летняя веранда, солярий, мангал, банкетный зал или даже стрип-подиум.
развличения: настольный тенис, караоке, бильярд, настольный хокей, дартс или аэрохокей.
вместимость.
Стоимость. Этот критерий поможет найти недорогие бани.
Также вы сможете:
1. Сравнить плюсы и минусы каждого заведения;
2. Выбрать наиболее привлекательный для вас интерьер с помощью фотографий;
3. Узнать о дополнительных услугах либо об их отсутствии;
ИТЕРЕСНЫЕ ФАКТЫ ПРО БАНЮ И САУНЫ
Если ваша работа связана со стрессом, вы чувствуете как давно уже вышли из привычного ритма жизни и постоянно содрогаетесь от любого звонка, опасаясь, что это снова звонят с работы, то вам просто необходимо посетить именно это место. И это не кабинет психолога, а финская сауна.
Это сухая баня с сухим горячим воздухом. Именно в этой бане вы хорошенько разогреете своё тело и забудете о всех своих заботах. В тот момент, когда на камни льют воду, а в сауне возрастает количество горячего пара, вы не сможете думать ни о чём другом, кроме расслабления.
Финская сауна наполнена благоуханием трав, нежным ароматом душистого мёда. После парной вы можете окунуться в холодную воду и ощутить настоящий приливы бодрости и сил.
Также, если вы не воспринимаете баню, как просто что-то обычное, а считаете это действо ритуалом, то вам прекрасно подойдёт русская баня. В русской бани происходит медленный подогрев организма и с потом выходят все вредные вещества. Во время этого процесса кожа начинает “дышать” и вы почувствуете себя определенно лучше.
Турецкая баня хамам будет по душе не только эстетам, но и тем, кто просто хочет отдохнуть в экзотической атмосфере. Материалы, которые используются для оформления хаммамов точно не оставят никого равнодушным.
В турекой бане хамам вы можете побыть наедине с собой, расслабиться и собраться с мыслями, а интересным бонусом для вас станет ритуал разогрева, пиллинга, нескольких видов массажей и самого приятного — отдыха.
Приобретение диплома ВУЗа с сокращенной программой обучения в Москве
buy Lisinopril online lisinopril 12.5 mg 20 mg cheapest Lisinopril
нарколог на дом цены https://www.superogorod.ucoz.org/forum/2-2085-1 .
Узнай все о гистероскопия матки удаление полипа москваудаление полипа в матке цена в москве
mexico drug stores pharmacies https://mexicanpharmgate.com/ pharmacies in mexico that ship to usa
нарколог на дом https://sportandpolitics.ukrbb.net/viewtopic.php?f=24&t=17804/ .
нарколог на дом срочно http://ideya.forums.party/viewtopic.php?id=659 .
Диплом ВУЗа купить официально с упрощенным обучением в Москве
Процесс получения диплома стоматолога: реально ли это сделать быстро?
нарколог на дом круглосуточно http://my.forum2.net/viewtopic.php?id=173 .
1с купить онлайн kupit-1s11.ru .
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
Легальная покупка диплома ПТУ с сокращенной программой обучения
boxer-forum.ru/viewtopic.php?f=17&t=4424
BBgate MarketPlace 2024 Breaking Bad Gate Forum
BBgate MarketPlace
Как избежать рисков при покупке диплома колледжа или ПТУ в России
danceway74.ru/users/36
Top Money Making Apps in Pakistan, Easy Ways to Process Using Apps in Pakistan
earning app pakistan [url=https://earningappinpakistan.com/]easy earning app in pakistan[/url] .
Реально ли приобрести диплом стоматолога? Основные этапы
Как безопасно купить диплом колледжа или ПТУ в России, что важно знать
Узнайте стоимость диплома высшего и среднего образования и процесс получения
cv53297-livestreet-1.tw1.ru/2024/10/20/vash-diplom-za-den.html
Here is my web page: Daycares By Category
частный нарколог на дом https://belbeer.borda.ru/?1-6-0-00000756-000-0-0-1730730133/ .
вызов нарколога на дом вызов нарколога на дом .