透過網頁讀取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": []
}
}
}
casibom guncel giris adresi: casibom giris – casibom 158 giris
casibom giris adresi
Профессиональный сервисный центр по ремонту фототехники в Москве.
Мы предлагаем: сервис по ремонту фотовспышек
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Подробнее на сайте сервисного центра remont-vspyshek-realm.ru
Профессиональный сервисный центр по ремонту компьютерных видеокарт по Москве.
Мы предлагаем: сколько стоит ремонт видеокарты
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
casibom giris: casibom giris – casibom guncel giris
casibom giris adresi
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: отремонтировать проекционный экран
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
casibom guncel giris: casibom giris – casibom
casibom giris
casibom guncel giris: casibom – casibom guncel giris
casibom giris
SpaceX Polaris Dawn crew returns home after history-making mission
русское гей порно
SpaceX’s Polaris Dawn crew is home, capping off a five-day mission to orbit — which included the world’s first commercial spacewalk — by splashing down in the Gulf of Mexico.
The Crew Dragon capsule carrying four astronauts landed off the coast of Dry Tortugas, Florida, at 3:37 a.m. ET Sunday.
The Polaris Dawn mission made history as it reached a higher altitude than any human has traveled in five decades. A spacewalk conducted early Thursday morning also marked the first time such an endeavor has been completed by a privately funded and operated mission.
But returning to Earth is among the most dangerous stretches of any space mission.
To safely reach home, the Crew Dragon capsule carried out what’s called a “de-orbit burn,” orienting itself as it prepared to slice through the thickest part of Earth’s atmosphere.
The spacecraft then reached extremely hot temperatures — up to 3,500 degrees Fahrenheit (1,900 degrees Celsius) — because of the pressure and friction caused by hitting the air while still traveling around 17,000 miles per hour (27,000 kilometers per hour). The crew, however, should have remained at comfortable temperatures, protected by the Crew Dragon’s heat shield, which is located on the bottom of the 13-foot-wide (4-meter-wide) capsule.
Dragging against the air began to slow the vehicle down before the Crew Dragon deployed parachutes that further decelerated its descent.
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: цены на ремонт игровых консолей
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
помощь с переездом минск https://kvartirnyj-pereezd13.ru/
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: ремонт игровых приставок
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: сервисный центр по ремонту компьютеров москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: надежный сервис ремонта игровых консолей
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Квалифицированный психоаналитик онлайн. Терапия доступна в любое время. Приватно, эффективно. Доступные тарифы. Сделайте шаг к улучшению! https://w-495.ru/
болгарка днипро м 125 цена
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: ремонт игровых консолей с гарантией
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
cheap mobic 7.5mg – buy rizatriptan 5mg generic buy toradol pills
Отличный сайт! Всем рекомендую обращаться именно сюда!Реабилитационный центр для алкоголиков Киев
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: проектор ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту фототехники в Москве.
Мы предлагаем: ремонт фотовспышек
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Подробнее на сайте сервисного центра remont-vspyshek-realm.ru
Квалифицированный психотерапевт в сети. Поддержка возможна в любое время. Приватно, результативно. Выгодные цены. Запишитесь сейчас! https://w-495.ru/
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: надежный сервис ремонта проекторов
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Рекомендую именно этот Реабилитационный центр для наркоманов Киев
Профессиональный сервисный центр по ремонту фото техники от зеркальных до цифровых фотоаппаратов.
Мы предлагаем: ремонт проектора
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Feel free to visit my web site: Daycare Near Me – Find The Best Daycares Near You
Thanks for the auspicious writeup. It actually was once a entertainment account it. Glance complicated to more delivered agreeable from you! By the way, how can we keep in touch?
https://sportsmedialgbt.com/an-open-letter-from-lgbtq-people-and-allies-in-football
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт компьютера москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
заказать машину для переезда https://kvartirnyj-pereezd13.ru/
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт компьютеров в москве недорого
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: ремонт приставок
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!