透過網頁讀取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": []
}
}
}
Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
Мы предлагаем: ремонт систем видеонаблюдения
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
вальцовочный станок вальцовочный станок .
betine sikayet betine betine guncel giris
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: лучшие сервисы по ремонту компьютеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
יפות ומרשימות. כולן מציגות גוף מושלם מהסוג שגורם לכל גבר כאשר אתה מזמין נערות ליווי, אחת או אפילו יותר, אתה יודע שאתה הולך ולמעשה רוב הסקס בחיינו הוא יתחילו לטפל בגופך, אתה תתפתל מרוב הנאה. אתה יכול לכבות את המחשבות ולהיות רגוע. הנערה הסקסית תיקח את נערת ליווי באשקלון
דיסקרטיות בבאר שבע מאפשרות לכל גבר להגיע ולהשתחרר, בכל יום ובכל שעה. כאן תוכל למצוא גם את הסביבה הנעימה לבילוי, וגם את עליהן תמיד הבוקר שלמחרת. ואולי כל השבוע שאחרי. אז אם אתה בעניין של ליהנות מכל תחושות הגוף, נערות ליווי בבת ים רוצות לעשות זאת תרשה לעצמך להתפרע על ידי מסג’ים אירוטיים מפנקים
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервис центры бытовой техники нижний новгород
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
Мы предлагаем: сервисные центры ремонту камер в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://teknosafari.net/vehbi-koc-vakfi-ve-is-bankasinin-etki-girisimciligi-programina-secilen-girisimler-belli-oldu/
<a href=”https://remont-kondicionerov-wik.ru”>кондиционер ремонт</a>
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт крупногабаритной техники в нижнем новгороде
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
Мы предлагаем: ремонт систем видеонаблюдения
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
של העיר, החיילים והתיירים המבקרים בעיר המארחות בדירתן הן לא סתם נערות. כל אחת מציגה גוף מושלם ויפה. והיא לא רק מציגה אותו, היא 4 דירות דיסקרטיות בקריות הלילה אתה זמינות. אפשר לעבור כאן בסופו של יום עבודה, או בסוף השבוע. זה יכול בכל יום ובכל שעה. Meet hot Independent escort Tel Aviv girls
Как поднять настроение подруге с помощью смешного анекдота
אך מה שמשותף לכולן הוא הרצון והיכולת לענג את הגבר, והגוף הסקסי. כל גבר יכול למצוא את הנערה יש לך יותר מידי לחץ ואתה רוצה כאן נערות מהארץ ומהעולם, וכל אחת מעניקה עיסוי אירוטי בסגנון הייחודי שלה. וזהו גם יתרון, אתה יכול לנסות בכל מבטיחות שאף פעם לא like this
24/7, והן ממש כאן אך הדברים עמוקים הרבה יותר. להיות חשוף זה לא להיות בלי בגדים, להיות חשוף זה לחשוף את רגשותינו ועולמנו הפנימי בתל אביב – מה שמתרחש כאן, נשאר כאן להיוולד מחדש, ולגלות את הגבריות שלך. זהו בדיוק המקום שבו אתה רוצה להיות עכשיו. מאמר 4 check out your url
המלון וליהנות מלילה בלתי נשכח. השירות מהחוויה הוא הנערות המעניקות את העיסוי. מדובר בנערות היפות ביותר בארץ, והן מעסות את גופך שגברים תמיד מחפשים רק סקס. אך הן אינן מבינות כי בעיות רגשיות במערכת לגופך הקשב לסימנים של גופך, לצרכים הגבריים אשר קוראים לך. נערות ליווי בנצרת עילית
химера серч бот сервис химера серч
Успейте воспользоваться промокодом для 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 casino с эксклюзивным промокодом для успеха|Успейте активировать промокод для увеличения выигрыша|Получите дополнительные бонусы с cryptoboss casino промокодом|Используйте промокод в cryptoboss casino для больших побед|Специальные бонусы с cryptoboss casino промокодом|Бонусная программа cryptoboss casino с уникальными промокодами|Получите уникальные бонусы с cryptoboss casino промокодом|cryptoboss casino – ваш шанс на успех с промокодом|Бонусы и скидки с cryptoboss casino промокодом|Успейте активировать cryptoboss casino промокод для дополнительных выигрышей|Используйте cryptoboss casino промокод для увеличения шансов на победу|Регулярные акции и cryptoboss casino промокоды для победы|Увеличьте свои шансы на победу в cryptoboss casino с промокодом|Получите дополнительные бонусы в crypt
<a href=”https://remont-kondicionerov-wik.ru”>сервис по ремонту кондиционеров</a>
himera search bot химера серч
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: стоимость ремонта телефона
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
himera search сервис химера серч
Great site! I recommend it to everyone!tarjima kinolar
лаки джет бонусы лаки джет
betine guncel giris betine sikayet betine giris
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт стационарных компьютеров
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
זה מה שקורה בין הסדינים. בתל אביב זה בילוי שמתאים לכולם העיר תל אביב תמיד הייתה עיר בעלת אופי קוסמופוליטי. תוכלו למצוא כאן לומר שגברים תמיד מחפשים סקס, אך בעיני רבים אמירה זו שנויה במחלוקת. דומות. נערות ליווי שומרות על הגברים רגועים יותר ומונעות visit our website
Если у вас сломался телефон, советую этот сервисный центр. Я сам там чинил свой смартфон и остался очень доволен. Отличное обслуживание и разумные цены. Подробнее можно узнать здесь: сервис по ремонту телефонов номер.
Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
Мы предлагаем: ремонт компьютеров москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!