透過網頁讀取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": []
}
}
}
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: вызвать мастера по ремонту macbook
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
buying prednisone: prednisone otc price – 60 mg prednisone daily
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники в воронеже
accutane over the counter – order deltasone 10mg sale buy deltasone 40mg generic
buy furosemide online: furosemide 100 mg – furosemide 40 mg
Букмекерская компания “Мелбет”, как, собственно, и десятки других операторов акцентирует внимание на бонусах и других привилегиях для своих игроков. Промокод – это один из вариантов привлечения новых игроков. Суть промокода заключается в том, что он может увеличить сумму выбранного бонуса и дать определенные привилегии игроку в сравнении с обычными условиями, которые предлагаются рядовым игрокам. Сегодня можно найти предложения на разных ресурсах. К примеру, это может быть какой-то блогер на видеохостинге YouTube. Довольно часто у популярных личностей можно встретить рекламные интеграции, где они бесплатно предлагают воспользоваться рабочие промокоды на сегодня и получить дополнительные привилегии при получении бонуса. Второй вариант, как можно получить promo – это независимые сайты и другие интернет-площадки. Это могут быть спортивные сервисы, беттинговые сайты и другие ресурсы, где периодически появляются подобные коды. Ну и третий вариант – это официальный сайт букмекерской компании. На сайте часто появляются новые акции и бонусы. Периодически в разделе с бонусами можно встретить промо, с помощью которых можно увеличить сумму первого депозита, повысить сумму полученного фрибета и так далее.
where to get ventolin cheap: Ventolin inhaler best price – ventolin evohaler
1xBet
For users in Sri Lanka, 1xBet provides specific promo codes tailored to the region. These codes may offer bonuses like free bets, deposit matches, or other rewards, making it an attractive option for bettors in the country.
rybelsus price: Semaglutide pharmacy price – rybelsus price
Rybelsus 7mg: cheap Rybelsus 14 mg – rybelsus price
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт бытовой техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт макбука в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Купить бетон от производителя в Нижнем Новгороде, по выгодной цене, по доступным ценам, Купить бетон от проверенных поставщиков в Нижнем Новгороде, с гарантией качества, с гарантией качества, с высоким качеством, с гарантией качества, с доставкой
бетон цена нижний новгород https://1beton-52.ru/ .
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: сервис макбуков москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
http://inke.org/bbs/board.php?bo_table=free&wr_id=41280
Промокод Melbet – это набор случайных или подобранных символов, которые позволяют новому игроку принять участие в акциях и получить подарки от БК Мелбет. К примеру, в 2024 году Мелбет промокод предлагает бонус 10 400 рублей на счет при регистрации. При выборе букмекерской конторы пользователи обращают внимание не только на маржу или коэффициенты, но и обязательно оценивают текущие акции. Крупные операторы предлагают бонусы на первый депозит, программу лояльности, фрибеты и другие виды поощрений. Бонусный код является самым распространённым видом привлечения клиентов в популярных букмекерских конторах. Чаще всего промокод Melbet представляет собой рандомный порядок букв и цифр, которые вводят в специальное поле в форме регистрации на сайте. Бывают и уникальные промо, выданные надежным партнёрам, созвучные доменному имени. приложение промокодом скачать позволяет получить повышенный бонус на первый депозит в размере 100% и бесплатную ставку на 400 RUB или фрибет на $30.
сервисный центре предлагает прайс на ремонт телевизоров жк – телевизионный мастер на дом москва недорого
Букмекерские конторы в России предлагают огромное количество промокодов и бонусов для своих клиентов, особенно много купонов новичкам, где при регистрации можно получить бесплатно деньги на свой счет. Букмекерская контора Melbet открывает новым игрокам бонус на первый депозит с увеличенной суммой до 10 400 рублей, за Мелбет промокод на сегодня, который можно скопировать у нас. Предлагаем ввести промокод на без регистрации, который в 2024 году даёт увеличение 130% бонуса на первый депозит до 10 400 рублей. Регистрируйся и играй с Мелбет сегодня!!! Мы собрали для вас актуальные на сегодня промокоды MelBet, которые используются при регистрации новых клиентов. После чего скидки и бонусы будут зачислены вам на счет.
Username Password Username Forgot password?
If my what is better tadalafil or sildenafil at cost-effective prices when you get it from good online
New research shows that regular exercise can prevent recurrences of colorectal cancer and help patients live longer.
Ruthless Power and Deleterious Politics: From DDT to Roundup By Evaggelos VallianatosThe modern controversy over Roundup glyphosate and the documentation of its effects on humans, animals and soils, has much in common with that over DDT fifty years ago.
you happen to be searching for a successful remedy, you should tadalafil coupon as a successful option.|
The initial tingling, sharp, burning pain under the skin can occur anywhere on the body but usually affects the face, upper abdomen or back and almost always occurs on one side of the body only.
instagram stories http://www.anoninststories.com/ .
лучшие капперы мира лучшие капперы мира .
Сайт о биодобавках https://биодобавки.рф предлагает проверенную информацию о натуральных добавках для здоровья. Узнайте, как выбрать подходящие средства для улучшения иммунитета, повышения энергии и поддержания активного образа жизни. Подробные описания и советы помогут сделать осознанный выбор.
7k casino
Зума
Подборка самых выгодных предложений аренды квартиры на сутки|Выберите лучшее жилье на короткий срок|Уютные апартаменты с арендой на сутки|Удобная система бронирования квартир на сутки|Выбор апартаментов на сутки по лучшим ценам|Лучшие варианты аренды жилья на короткий срок|Привлекательные варианты аренды квартир на сутки|Лучшее предложение аренды квартиры на сутки|Выбирайте лучшие квартиры для короткого проживания|Эксклюзивные предложения аренды апартаментов на сутки|Выбор апартаментов на короткий срок для вашего отдыха|Находите лучшие варианты жилья и бронируйте сейчас|Удобный поиск и бронирование апартаментов на сутки|Выбор квартир на короткий срок для вашего отдыха|Идеальные варианты жилья для вашего отдыха|Выбор апартаментов на короткий срок по лучшим ценам|Уютные квартиры на короткий срок по доступной стоимости|Удобный поиск и бронирование апартаментов на сутки|Идеальные предложения аренды квартир на сутки|Выбор квартир на короткий срок для вашего отдыха
аренда квартир в гомеле на сутки https://gomelsutochno.ru/ .
http://rybelsus.tech/# Buy compounded semaglutide online
лучшие капперы мира лучшие капперы мира .
Как поднять настроение с помошью мемов. ржачные мемы
http://www.mrkineshma.ru/support/forum/view_profile.php?UID=228843
Сервисный центр предлагает ремонт плоттера duplo центр ремонта плоттера duplo