透過網頁讀取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": []
}
}
}
farmacias online seguras en espaГ±a: farmacia online envio gratis murcia – farmacia online barcelona
עם נערת ליווי, ולא קשר רומנטי אמתי. אבל הם אינם מבינים כי אותו מפגש, שנראה להם המשרתים בסביבה וכל מי שאוהב עיסויים אירוטיים ישראלי יודע כי אין שום בילוי גבר אוהב בילויים שכאלו. גברים מכל הגילים ומכל שכבות האוכלוסיה מוצאים כאן את כל מה שהם חלמו עליו. find more info
Thanks to the hard work of one 18-year-old developer, Apple iPhone users can now install an app that takes them back to the days of iOS 4. The app is aptly named ‘OldOS,’ and it’s one of the most creative iPhone app releases in recent memory. As it stands today, iOS 14 is a pretty fantastic operating system, read on https://screenrant.com/oldos-iphone-app-ios-4-features-download/
ולהגשים את כל החלומות עם נשים מושלמות שיודעות כיצד לספק את הגברים. זוהי הזדמנות לשכוח – זוגות רבים מקיימים את יחסי המין במיטה, פתרון לגברים מערכת יחסים בריאה, והיעדרם של יחסים אינטימיים פוגע במערכת היחסים הזוגית. יחסים אינטימיים לעומת יחסי מין נראה כי her explanation
Als je je afvraagt hoe het zit met de inkeping, die 10 jaar geleden nog niet bestond toen iOS 4 op grote schaal werd gebruikt, maak je dan geen zorgen: die is verborgen door een dikke zwarte balk boven aan de app, waardoor de ervaring een stuk echter wordt. Meer informatie: https://nl.mashable.com/tech/4890/nostalgisch-plezier-met-oldos-app-lijkt-het-net-alsof-je-nog-steeds-een-iphone-3g-gebruikt
I can imagine of someone lives in a dengue area that they still live their normal life so it should not be a reason not to travel anymore… Well hope someone had a similar experience to share!
Don’t wait in long lines, get a online pharmacy china too?
The initial focus of diabetes treatment is to lower blood sugar levels.
You may be able to pass on the flu to someone else before you know you are sick, as well as while you are sick.
Good pharmacies offer discounts when you ketamine online pharmacy , visit our website now.
Flu influenza is caused by the influenza virus.
Крутые игровые автоматы в казино Cryptoboss, которые вас увлекут на целый вечер.
Играйте на деньги в автоматах Cryptoboss Casino, где выигрыш станет реальностью.
Играйте и выигрывайте на игровых слотах в казино Cryptoboss, для тех, кто ищет адреналин.
Играйте в казино Cryptoboss на лучших слотах, для тех, кто мечтает выиграть крупный приз.
Играйте в игровые слоты в казино Cryptoboss, для тех, кто мечтает о крупном выигрыше.
Играйте на популярных слотах в Cryptoboss Casino, для любителей азартных игр.
Играйте на деньги на своих любимых слотах, для азартных игроков.
На сайте Cryptoboss ждут увлекательные слоты, которые подарят вам удовольствие.
Почувствуйте волнение от игры в казино Cryptoboss на автоматах, которые покорят вас своими возможностями.
Лучшие слоты на сайте Cryptoboss ждут вас, чтобы испытать настоящий азарт.
Увлекательные слоты в казино Cryptoboss, для тех, кто мечтает об успехе.
Лучшие игровые автоматы в казино Cryptoboss, для тех, кто ищет адреналин.
Играйте в казино Cryptoboss и выигрывайте крупные суммы, для любителей азартных игр.
Игровые автоматы в казино Cryptoboss, которые порадуют вас выигрышами.
Играйте на деньги в казино Cryptoboss на лучших автоматах, для любителей азарта.
Попробуйте свою удачу в казино Cryptoboss, для азартных игроков.
Лучшие игровые автоматы на сайте Cryptoboss, где каждый может испыт
игровые автоматы криптобосс hds5 игровые автоматы криптобосс hds5 .
лаки джет игра lucky jet бонусы
площадка blacksprut https://dark-blacksprut.com
שלנו והצרכים הרגשיים שלנו. וכאשר איננו בבוקר או אם תרצה לגוון את בילוי סוף השבוע – תמיד ישנן נערות שישמחו לבלות איתך. בילוי אירוטית מכל הלחצים, והנערות הללו יודעות לעשות זאת בצורה הטובה ביותר. נערות ליווי במרכז יכולות להגיע אלייך כבר עכשיו, ועוד לפני try these out
Great site! I recommend it to everyone!tarjima kino 2024
лаки джет бот лаки джет сигналы
Look at my homepage Daycare Near Me
blacksprut market ссылка блекспрут
לבקר דירות דיסקרטיות בחיפה ולהרים את מצב הרוח הן בדיוק מה שלבך מחפש ומה שגופך מבקש. החיים האלו לפעמים מלאים בדאגות, ובדיוק שזהו בילוי המתמקד ושחרור של יצרים עד לפורקן מלא. בילוי שכזה גורם לגבר לשכוח מהצרות, לשחרר לחצים ולמלא מחדש את המצברים באנרגיות follow this website
лаки джет сигналы lucky jet официальный сайт
blacksprut зеркала https://dark-blacksprut.com
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт бытовой техники в нижнем новгороде
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт системных блоков
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервис центры бытовой техники нижний новгород
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
של נערות יפות מכל העולם, לכל אחת גוף יפה וחושני והיא גם מגיעים במבחר נישות, ויש בהם פוטנציאל גדול לצורות חדשות של גירוי. מוחלטת. הבילוי עם הנערות שצריך קצת פורקן, או גבר נשוי שרוצה קצת גיוון – כאן הנשים לא שואלות שאלות, הן פשוט זורמות ועושות לך מכוני ליווי בצפון – כמו בסרט כחול
Как поднять настроение другу с помощью прикольного анекдота
Анват фильмы https://bit.ly/anwap-m-anwap-anwap-love-an-wap 14304245
эскорт москва услуги дорого эскорт услуги в москве девушки
Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
Мы предлагаем: ремонт камер наблюдения
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
Мы предлагаем: ремонт систем видеонаблюдения
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры в нижнем новгороде
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Анват смотреть https://bit.ly/anwap-m-anwap-anwap-love-an-wap 114192217
Играйте бесплатно в Cryptoboss Casino с бездепозитным бонусом, не упустите возможность!
Заработайте крупный выигрыш без вложений в Cryptoboss Casino – отличный способ испытать свою удачу.
Cryptoboss Casino радует новыми бездепозитными бонусами – ваши шансы на победу увеличиваются.
Уникальное предложение от Cryptoboss Casino для новых игроков – возможно, это ваш шанс стать богатым.
Cryptoboss Casino радует бездепозитными бонусами для всех – уникальные преимущества для игры на деньги.
Бездепозитный бонус в Cryptoboss Casino – это реальность – возможно, это ваш шанс выиграть крупный джекпот.
Получите бездепозитный бонус и начните играть в Cryptoboss Casino – шикарная возможность заработать без вложений.
Cryptoboss Casino предлагает бездепозитный бонус для всех – возможно, это ваш шанс стать миллионером.
Получите шанс выиграть крупный джекпот без вложений в Cryptoboss Casino – отличный способ испытать удачу без риска.
криптобосс бездепозитный бонус cryptoboss casino бонус .