透過網頁讀取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": []
}
}
}
пинап казино: https://pinupkz.life/
пин ап – пин ап зеркало
pinup 2025 – пин ап зеркало
пин ап казино – пин ап
пин ап казино зеркало: https://pinupkz.life/
Also visit my page; Eve
пин ап – пин ап казино зеркало
Услуги по аренде техники и перевозке грузов от Компании МИТ
Располагаясь в Москве на Озерковском переулке, 12, компания организует полный спектр услуг для задач строительства и перевозок. Возможность быстро откликаться на заявки обеспечивается парком более 150 единиц техники, каждая из которых проходит профилактический осмотр.
Особенности предоставления услуг:
Скорость работы:
Подача спецтехники в течение 2 часов после оформления заказа
Постоянное наличие аварийных бригад круглые сутки
Возможность доставки техники собственными эвакуаторами
Экономическая эффективность:
Прозрачная система ценообразования без дополнительных сборов
Специальные условия при длительном сотрудничестве
Гибкая система оплаты по минутам
Характеристики парка оборудования:
Автокраны:
Грузоподъемность от 3 до 12 тонн
Максимальная длина манипуляторной стрелы – 22 метра
Срок прибытия техники – 2 часа
Многофункциональные экскаваторы:
Максимальная глубина рытья 6.5 метров
Скорость передвижения до 41 км/ч
Емкость ковша до 1.3 м?
Перевозочные средства:
Возможность перевозки грузов весом 0.5-20 тонн
Объем кузова от 2 до 92 м?
Многовариантная загрузка
Ключевые преимущества:
Только новая техника актуальных моделей
Полное документальное сопровождение согласно законодательству РФ
Налогообложение с учетом НДС и отсрочка платежа
Полисы страхования на все виды услуг
Профессиональные машинисты и водители
Итоги сотрудничества:
Уменьшение простоев строительства на 40%
100% работоспособность техники
Уменьшение расходов на 30% относительно собственного автопарка
Детальная отчетность по всем операциям
Логистическая служба прорабатывает оптимальные маршруты доставки техники, с обязательным учетом требований ГИБДД. Индивидуальный куратор ведет каждый заказ.
пин ап казино зеркало – пин ап
пин ап казино – пин ап казино
Officiele Kamagra van Nederland Kamagra Kopen Online kamagra pillen kopen
аренда строительной техники
Аренда спецтехники и грузоперевозки от Строительно-коммерческой компании МИТ
Находясь в Москве на Озерковском переулке, 12, компания предоставляет всеобъемлющие услуги для строительных и логистических задач. Возможность быстро откликаться на заявки обеспечивается парком более 150 единиц техники, каждая из которых проходит регулярное ТО.
Преимущества сотрудничества:
Скорость работы:
Гарантированная доставка техники в двухчасовой срок
Постоянное наличие аварийных бригад круглые сутки
Гарантированная доставка техники своими силами
Финансовая выгода:
Фиксированные расценки без доплат в выходные
Система скидок до 20% при долгосрочной аренде
Гибкая система оплаты по минутам
Технические характеристики доступной техники:
Автокраны:
Диапазон грузоподъемности 3-12 тонн
Длина стрелы до 22 метров
Срок прибытия техники – 2 часа
Землеройная техника:
Максимальная глубина рытья 6.5 метров
Скорость передвижения до 41 км/ч
Объем ковша максимальный 1.3 м?
Перевозочные средства:
Диапазон грузоподъемности 0.5-20 тонн
Вместимость кузова 2-92 м?
Универсальная система погрузки
Главные особенности:
Парк техники не старше 2021 года выпуска
Комплексное документационное обеспечение
Работа с НДС и возможность постоплаты
Страховое покрытие каждого груза и единицы техники
Квалифицированный персонал управления техникой
Итоги сотрудничества:
Уменьшение простоев строительства на 40%
Гарантированная исправность оборудования
Уменьшение расходов на 30% относительно собственного автопарка
Полный комплект исполнительной документации
Профессиональная организация маршрутов, с обязательным учетом требований ГИБДД. Личный специалист отвечает за реализацию проекта.
пин ап зеркало: https://pinupkz.life/
Телеграм психолог. Телеграм психолог. Психолог онлайн анонимно.
Психолог помогающий искать решения в непростых психологических ситуациях. Чат психологической поддержки. Психолог оказывает помощь онлайн в чате.
Чат с психологом в телеге. Чат с психологом в телеге. Чат с психологом в телеге.
Kamagra Kopen kamagra kopen nederland kamagra gel kopen
My blog post best online poker real money
Generic Cialis without a doctor prescription TadalafilEasyBuy.com TadalafilEasyBuy.com
Visit my homepage: Explore Daycares Locations
пин ап вход: https://pinupkz.life/
Нужна арматура оптом в Москве – вам на armatura-v-mosmow.ru за выгодными ценами за метр и тонну.
Cialis without a doctor prescription TadalafilEasyBuy.com cialis without a doctor prescription
Психолог t me. Чат психологической поддержки. Анонимный чат с психологом телеграм.
Generic100mgEasy Generic100mgEasy sildenafil over the counter
Психолог оказывает помощь онлайн в чате. Психолог t me. Получите консультацию онлайн-психолога в чате прямо сейчас.
пин ап казино официальный сайт – пин ап
пин ап зеркало – пинап казино
pinup 2025: https://pinupkz.life/
пин ап казино зеркало – pinup 2025