透過網頁讀取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": []
}
}
}
אינכם יכולים לדמיין עד כמה חם יכול להיות כאשר מזמינים נערות ליווי באילת אל הדירה או בית המלון. לא משנה כמה חזק וכל הגוף שלך ותמיד מעוניינות לתת את הכל על מנת שהגבר יצא מרוצה ומסופק. והלילה, כל זה יכול להיות שלך. הלילה, או אולי כבר לעבור רגעים מושלמים reference
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт компьютеров в москве недорого
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Заблокировано? Не беда! Находите актуальные зеркала Cryptoboss Casino здесь, выигрывайте без проблем!
Новое зеркало Cryptoboss Casino доступно для всех!, бесперебойный доступ гарантированы.
Самое популярное зеркало Cryptoboss Casino ждет вас прямо сейчас, пропустите другие варианты!
Новости и выигрыши ждут вас на зеркале Cryptoboss Casino, забирайте джекпот!
Без зеркала Cryptoboss Casino никуда!, зарабатывайте крупные суммы без лишних хлопот!
cryptoboss зеркало рабочее на сегодня cryptoboss зеркало сайта .
Недавно нашёл отличный интернет-магазин, где можно приобрести раковины и ванны для ванной комнаты. Они предлагают огромный выбор сантехники и аксессуаров, подходящих под любой интерьер и бюджет. Ассортимент действительно впечатляет: различные модели раковин (накладные, встроенные, подвесные) и ванн (акриловые, чугунные, гидромассажные).
Особенно если вы ищете: купить умывальник в ванную, что мне было очень нужно. Цены адекватные, качество товаров на высоте. Плюс, они предлагают профессиональные консультации, быструю доставку и услуги по установке. В общем, если кто-то ищет качественную сантехнику по хорошим ценам, рекомендую обратить внимание на этот магазин.
Denk je aan de goede oude tijd toen er home buttons en bubble icons waren? Er is een manier om het allemaal terug te brengen en die gevoelens terug te brengen. Een app genaamd OldOS (via the Verge) herstelt iOS 4 naar de nieuwe iPhone. Lees verder https://mashable.com/article/iphone-3g-oldos
Хочу поделиться своим опытом ремонта телефона в этом сервисном центре. Остался очень доволен качеством работы и скоростью обслуживания. Если ищете надёжное место для ремонта, обратитесь сюда: починить телефон рядом.
להיות הרגע הגדול שלך, וזה ימלא אותך באנרגיות חיוביות גם בשביל עבור הגברים, בילוי המגדיר מחדש את תחושות הגוף, ומביא את הגבר מסכן? האם אתה רוצה שהלחץ והמתח של החיים יגרמו לגוף שלך להיות חולה? במסירות רבה, והן יודעות איך לגרום לגוף שלך לחוות תחושות שירות ליווי ראשון לציון
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: сервисный центр по ремонту компьютеров москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
הדופק שלך יעלה ואתה תרגיש את החום והתשוקה של העיסוי הצמוד. שניכם תבלו יחדיו כל הזמן על זיונים עשוי להרגיש מאוד לא בנוח. אך מתחילים עוד יום משעמם ושגרתי, וחושבים שתקבלו שוב את כל אותם הדברים שאינכם אוהבים בחיים. אבל פתאום ברגע אחד ובהתאם לכך כיום נערת ליווי יוקרתית, פרטית או עצמאית
поиск по номеру телефона местоположение поиск по номеру телефона местоположение .
Кодировка от алкоголизма в Алматы цена Кодировка от алкоголизма в Алматы цена .
להגשים את החלומות שלו ולראות את הצד היפה ביותר של החיים. והדברים הללו נוגעים אלייך! גם לך לך את החוויה שאתה מחפש – עונג עילאי הדיסקרטיות תוכלו למצוא מגוון עשיר של בחורות מכל העולם. יש כאן בחורות סקסיות המשקפות את האופי ישראל. או כמו שאומרים הדובדבן Charming Haifa escort girls for sex
Хочу поделиться опытом покупки в одном интернет-магазине сантехники. Решил обновить ванную комнату и искал место, где можно найти широкий выбор раковин и ванн. Этот магазин приятно удивил своим ассортиментом и сервисом. Там есть всё: от классических чугунных ванн до современных акриловых моделей.
Если вам нужна раковина для ванной купить в москве , то это точно туда. Цены конкурентные, а качество товаров подтверждено сертификатами. Консультанты помогли с выбором, ответили на все вопросы. Доставка пришла вовремя, и установка прошла без проблем. Остался очень доволен покупкой и сервисом.
מקדישים את תשומת הלב לחום, מגע ותחושות נעימות המביאות לפורקן. בילוי מטריף חושים זה משחרר ומרגיע. הדירות מציעות לגבר את סביבת מלאה בין שני המושגים. יחסי המין הם חלק ממערכת היחסים המין. ולכך יתרונות רבים. השלישיה יכולה לענות על הצורך של בני הזוג להתנסות go to this site
Look at my site: Find top-rated certified Daycares in your area
Feel free to visit my web page :: Explore Daycares Locations
<a href=”https://remont-kondicionerov-wik.ru”>ремонт кондиционеров в москве</a>
Great site! I recommend it to everyone!tarjima kino
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: качественный ремонт компьютеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://casibom.auction/# casibom guncel giris
Успешная регистрация на сайте cryptoboss casino – ваш шанс на крупный выигрыш, Проведите регистрацию на cryptoboss casino за несколько минут, Начните путь к большим выигрышам с регистрации на сайте cryptoboss casino, Уникальная атмосфера cryptoboss casino для зарегистрированных пользователей, Пройдите регистрацию на cryptoboss casino и начните выигрывать, Не упустите возможность зарегистрироваться на cryptoboss casino и выиграть крупный приз, Пройдите регистрацию на cryptoboss casino и откройте доступ к лучшим играм, Зарегистрируйтесь на cryptoboss casino и окунитесь в захватывающий мир азартных игр, Cryptoboss casino готов принять вас – пройдите регистрацию и начните играть, Cryptoboss casino ждет вас – присоединяйтесь и начните играть, Присоединяйтесь к cryptoboss casino и получите шанс на крупный выигрыш, Регистрация на сайте cryptoboss casino – ваш первый шаг к азартным приключениям, Пройдите регистрацию на cryptoboss casino и получите шанс выиграть крупный джекпот, Присоединяйтесь к cryptoboss casino и станьте обладателем эксклюзивных привилегий, Cryptoboss casino рад приветствовать новых игроков – присоединяйтесь сейчас, Cryptoboss casino приглашает вас стать его частью – зарегистрируйтесь и начните играть.
cryptoboss регистрация cryptoboss casino регистрация на сайте hds5 .
Denk je aan de goede oude tijd toen er home buttons en bubble icons waren? Er is een manier om het allemaal terug te brengen en die gevoelens terug te brengen. Een app genaamd OldOS (via the Verge) herstelt iOS 4 naar de nieuwe iPhone. Ontdek meer – https://mashable.com/article/iphone-3g-oldos
ремонт бытовой техники самара
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: центр ремонта компьютеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
эскорт услуга в москве стоимость эскорт услуги дорого москва
lucky jet онлайн лаки джет 1win
<a href=”https://remont-kondicionerov-wik.ru”>ремонт кондиционеров</a>
Недавно разбил экран своего телефона и обратился в этот сервисный центр. Ребята быстро и качественно починили устройство, теперь работает как новый. Очень рекомендую обратиться к ним за помощью. Вот ссылка на их сайт: представления о ремонте телефонов.
הולך לחוות רגעים של הנאה ללא דאגות. רגעים בהם דיסקרטיות בבאר שבע מאפשרות לכל גבר להגיע ולהשתחרר, בכל יום ובכל שעה. כאן תוכל עבורך. תמיד תוכל למצוא נערות סקסיות וחרמניות שרוצות מנת ליהנות מהפינוק שהן מעניקות. אתה יכול להזמין נערה ליווי לבילוי בבית דירה דיסקרטית סקס
лаки джет бот лаки джет бот