透過網頁讀取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": []
}
}
}
Сервисный центр предлагает сервис ремонта фотоаппаратов kodak починка фотоаппаратов kodak
Я являюсь пайщиком кооператива “Бест Вей” уже несколько лет и не могу молчать, видя, как с нами обходятся. Это чистой воды заказное дело! Наш кооператив помог тысячам людей приобрести жилье, и ни разу за всё это время я не видел нарушений или обмана. Но теперь кто-то решил, что пришло время отнять наши деньги, заморозить наши активы и разрушить жизни простых людей. Следователи и прокуроры ведут себя как бандиты, фабрикуя обвинения и нарушая наши права. Им невыгодно видеть, как честная организация процветает и помогает людям, поэтому они делают всё, чтобы нас сломать. Я уверен, что вся эта грязь скоро вылезет наружу, и те, кто за этим стоит, окажутся на скамье подсудимых. Но пока нам, пайщикам, приходится терпеть это беззаконие и бороться за своё честное имя.
india pharmacy mail order Online medication home delivery reputable indian pharmacies
монтаж пожарной сигнализации и оповещения https://pozhsig.ru/
Как поднять настроение себе с помощью веселых приколов в интернете.
заказ номерных знаков https://gos-nomerov.ru/
Профессиональный сервисный центр по ремонту посудомоечных машин с выездом на дом в Москве.
Мы предлагаем: срочный ремонт посудомоечной машины
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
top 10 online pharmacy in india: online Indian pharmacy – online pharmacy india
my website … Explore Daycares Locations
Я являюсь пайщицей “Бест Вей” и хочу поделиться своим недовольством по поводу текущих событий. Вместо поддержки честных людей, следственные органы разрушают то, что работает и приносит пользу. Все эти обвинения против кооператива выглядят как попытка отобрать у нас то, что мы заслужили. Я знаю, что кооператив помог многим людям, и нет никаких оснований считать его деятельность незаконной. Надеюсь, что в конечном итоге мы добьемся справедливости и восстановим репутацию кооператива.
オンラインカジノjoyカジノは、スロットのプレイをエキサイティングな競技に変えます！毎月開催される豪華な賞品が用意された定期的なトーナメントが、さらなるスリルと大金獲得のチャンスを提供します。最新のガジェットからエキゾチックな旅行、そして最新の自動車に至るまでの豪華賞品が当たるテーマ別の宝くじが毎月開催されます。ほとんどのトーナメントへの参加は、すべてのアクティブプレイヤーに無料です。公式サイトjoycasino.comの「トーナメント」セクションをチェックして、「ジョイカジノ」での素晴らしい勝利のチャンスを逃さないようにしましょう。 joy casino
Arrowheads reveal the presence of a mysterious army in Europe’s oldest battle
гей секс порно
Today, the lush, green valley surrounding the Tollense River in northeast Germany appears to be a serene place to appreciate nature.
But to archaeologists, the Tollense Valley is considered Europe’s oldest battlefield.
An amateur archaeologist first spotted a bone sticking out of the riverbank in 1996.
A series of ongoing site excavations since 2008 has shown that the thousands of bones and hundreds of weapons preserved by the valley’s undisturbed environment were part of a large-scale battle 3,250 years ago.
The biggest mysteries that researchers aim to uncover are why the battle occurred and who fought in it. These are questions that they are now one step closer to answering.
ozens of bronze and flint arrowheads recovered from the Tollense Valley are revealing details about the able-bodied warriors who fought in the Bronze Age battle.
The research team analyzed and compared the arrowheads, some of which were still embedded in the remains of the fallen. While many of these weapons were locally produced, some bearing different shapes came from a region that now includes modern Bavaria and Moravia.
The outliers’ presence suggests that a southern army clashed with local tribes in the valley, and researchers suspect the conflict began at a key landmark along the river.
Back to the future
Scientists are harnessing the power of artificial intelligence to detect hidden archaeological sites buried below the sand of the sprawling Rub‘ al-Khali desert.
The desert spans 250,000 square miles (650,000 square kilometers) on the Arabian Peninsula, and its name translates to “the Empty Quarter” in English. To unravel the secrets of the desolate terrain, researchers are combining machine learning with a satellite imagery technique that uses radio waves to spot objects that may be concealed beneath surfaces.
The technology will be tested in October when excavations assess whether predicted structures are present at the Saruq Al Hadid complex in Dubai, United Arab Emirates.
Separately, an AI-assisted analysis uncovered a trove of ancient symbols in Peru’s Nazca Desert, nearly doubling the number of known geoglyphs, or stone and gravel arranged into giant shapes that depict animals, humans and geometric designs.
Feel free to visit my site – Daycare Near Me By State
Here is my web site – Find top-rated certified
Daycares in your area (8tv.ru)
Look into my site – Find top-rated certified Daycares in your area
Профессиональный сервисный центр по ремонту гироскутеров в Москве.
Мы предлагаем: где можно починить гироскутер
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту моноблоков в Москве.
Мы предлагаем: моноблоки недорого
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Экологичные материалы в строительстве частных домов — здоровье вашей семьи в приоритете. построить дом
Сервисный центр предлагает отремонтировать индукционной плиты bosch ремонт индукционных плит bosch адреса
Бесплатный промокод при регистрации melbet ищет каждый потенциальный клиент компании. Почему? Мало кто откажется от щедрой приветственной награды, позволяющей увеличить сумму первого депозита, заработав до ?9100 бонуса (с 24 апреля бонус увеличился до 10 400). Промокоды – это маркетинговый инструмент, с помощью которого рекламные партнеры букмекера привлекают новых бетторов. Поэтому в современной практике сам букмекер редко распространяет коды, за исключением флагманских акций или раздачи купонов в рамках специальных ивентов. Не все бонусы предполагают наличие рекламного кода. Для активации большинства из них достаточно просто пополнить счет или делать ставки на спорт, получая за это баллы активности. В последующем есть возможность в рамках программы лояльности БК «Мелбет» обменивать баллы на коды для бесплатных ставок (фрибеты) или на реальные денежные средства. Раздобыть промокод Melbet Вы всегда сможете на нашем сайте. При этом Вы можете быть уверенными в том, что это именно актуальное предложение. Также рекомендуем подписаться на информационную рассылку БК, где компания при помощи SMS и почтовых уведомлений держит в курсе событий любителей ставок.
Смешные анекдоты. История анекдотов.
Gambia. Night. Michael b. jordan. Alcohol poisoning. Ritual. Ratchet. T20. When does daylight savings time start. Fred hampton. https://bit.ly/simpsony-36-sezon
buying prescription drugs in mexico online: mexican online pharmacies prescription drugs – medication from mexico pharmacy
https://mexicanpharma.icu/# mexican rx online
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт крупногабаритной техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту кондиционеров в Москве.
Мы предлагаем: сервисный центр по ремонту кондиционеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Прикольные анекдоты. История анекдотов.
my canadian pharmacy rx: Canadian Pharmacy – best canadian online pharmacy reviews
При регистрации в БК Melbet игрокам предлагается самостоятельно выбрать стартовую награду: фрибет на $30 или 100% бонус на депозит до 7 000 RUB. Предлагаем промокод при регистрации melbet, благодаря которому вы получите не только повышенный до 10 400 RUB бонус на первое пополнение счета, но и право на бесплатный прогноз. Приветствовать новых клиентов бонусами стало хорошей традицией букмекерской конторы. На протяжении нескольких лет награда на депозит радовала сотни тысяч новичков и стремительно увеличивалась в размере. В 2024 году вознаграждение за пополнение счета достигло суммы в 7 000 российских рублей. Мы делаем более выгодное предложение. Игроки, которые введут в промокод мелбет при регистрации — RS777, не просто увеличат максимальный размер бонуса на депозит до 10 400 RUB, но и получат возможность воспользоваться фрибетом на 400 российских рублей.
Профессиональный сервисный центр по ремонту планшетов в том числе Apple iPad.
Мы предлагаем: сервис ipad москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!