透過網頁讀取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://interpharmonline.shop/# best canadian online pharmacy
my canadian pharmacy review
safe reliable canadian pharmacy legitimate canadian pharmacies online reputable canadian online pharmacy
company website [url=https://surfwallet.io]surf tech[/url]
mexican pharmacy online store: mexican pharmacy online – reliable mexican pharmacies
https://interpharmonline.com/# my canadian pharmacy
reddit canadian pharmacy
More Info zkLogin
Also visit my web blog; Greg
https://indiamedfast.com/# order medicines online india
safe canadian pharmacy
reliable canadian pharmacy reviews: Online pharmacy USA – canada ed drugs
online pharmacy india IndiaMedFast india pharmacy without prescription
online pharmacy india: lowest prescription prices online india – IndiaMedFast.com
reliable mexican pharmacies: mexican pharmacy online order – reliable mexican pharmacies
https://indiamedfast.shop/# india pharmacy without prescription
An fascinating dialogue is price comment. I believe that you should write more on this subject, it won’t be a taboo subject however usually people are not enough to speak on such topics. To the next. Cheers
Web Site surf wallet
Website surf wallet
Get More Information [url=https://surfwallet.io]surf wallet extension[/url]
http://indiamedfast.com/# IndiaMedFast.com
mexican pharmacy online store mexican pharmacy online mexican pharmacy online store
My homepage – Watch Free Poker Tv Shows
Feel free to surf to my website – Daycare Near Me
IndiaMedFast lowest prescription prices online india order medicines online india
Строительные бытовки
Модули и модульные здания: надёжное способ для пользовательских целей
Контейнеры и временные конструкции позволяют создать рабочее пространство, помещение для хранения или временную постройку. Наши специалисты поставляем сооружения, которые подходят профессиональным нормам безопасности и удобства.
Преимущества
Прочность. Все модули произведены из элементов, прочных к нагрузкам и внешним воздействиям.
Скорость доставки. Модуль перевозится в течение 1–2 рабочих дней после заключения соглашения.
Настройка под запросы. Осуществляется монтаж защиты от холода, электрооборудования или вентиляции.
Сферы использования
На стройплощадках для хранения инструментов или организации комнаты отдыха.
Во время событий для оборудования пункта контроля или хранилища техники.
В качестве временно используемых помещений или центров координации.
Достоинства
Оптимизация времени. Не нужно возводить временные сооружения.
Удобство. Обстановка, которые улучшают результативность действий работников.
Подстройка. Возможность временного использования или приобретения под разные периоды и финансовые возможности.
Пример использования
Подрядчик использовала временную конструкцию для организации склада инструментов и помещения для персонала. Конструкция была привезена за один день, с усиленной теплоизоляцией. Пользователь обратил внимание на оптимизацию среды и сокращение простоя.
Как сделать заказ
Для начала сотрудничества достаточно написать с нами. Выделим исчерпывающие сведения, поможем выбрать оптимальное решение и организуем транспортировку.
lowest prescription prices online india IndiaMedFast buying prescription drugs from india
More about the author surf wallet extension
pdacenter.ru – сервис по ремонту бытовой техники
Ремонт электронных книг в Саратове в официальном сервисном центре PDACENTER.
Наши инженеры выполняют ремонт любой сложности по дотупным ценам!
page Department Stores Accessories Sunglasses
Вагончики и модульные здания: надёжное подход для пользовательских целей
Бытовки и передвижные помещения способствуют организовать место для деятельности, хранилище или временное помещение. Мы обеспечиваем конструкции, которые отвечают профессиональным нормам надёжности и удобства.
Характеристики
Надёжность. Все бытовки созданы из элементов, устойчивых к воздействию и внешним воздействиям.
Скорость доставки. Конструкция доставляется в рамках 1–2 рабочих дней после подписания договора.
Гибкая настройка. Реализуется добавление дополнительной теплоизоляции, электрооборудования или вентиляции.
Сферы использования
На стройплощадках для размещения оборудования или создания зоны отдыха.
Во время праздников для создания информационного центра или хранилища техники.
В качестве временных рабочих зон или управляющих центров.
Выгоды
Экономия времени. Не требуется возводить временные сооружения.
Удобство. Условия, которые увеличивают качество выполнения задач бригады.
Вариативность. Опция краткосрочного пользования или приобретения под конкретные требования и ресурсы.
Опыт внедрения
Подрядчик применила блок-контейнер для организации склада инструментов и комнаты отдыха. Объект была привезена за один день, с усиленной теплоизоляцией. Партнёр выделил на оптимизацию среды и ликвидацию простоев.
Как связаться с нами
Для начала сотрудничества следует связаться с нами. Обеспечим всю необходимую информацию, поддержим подобрать лучший вариант и обеспечим поставку.
this article Department Stores Accessories Sunglasses
Топ онлайн казино 2025: детальное исследование лучших игровых платформ
Интернет-гемблинг стремительно развиваются в России, заинтересовывая всё больше игроков вследствие своей удобства использования. Однако для успешной игры критически важно выбирать только легальные площадки, которые гарантируют честность алгоритмов. В этом материале мы разберём ключевые критерии выбора, представим рейтинг лучших казино 2025 года и предоставим практические инструкции для максимально эффективной игры.
Важнейшие параметры доверия онлайн-казино
Чтобы избежать рисков, необходимо учитывать следующие характеристики:
Лицензионная чистота
Проверяйте наличие международных лицензий: Кюрасао.
Убедитесь, что игровые автоматы прошли аудит качества от авторитетных организаций (iTech Labs).
Система случайных чисел (RNG)
Казино должно использовать независимый генератор случайных чисел, что обеспечивает прозрачность процессов.
Скорость транзакций
Надёжные казино предлагают быстрые выплаты через разнообразные инструменты: банковские карты (MasterCard), электронные кошельки (Neteller) и блокчейн-валюты (USDT).
Бонусная политика
Хорошие казино предоставляют привлекательные бонусы: стартовые предложения, фриспины и программы лояльности. Обратите внимание на требования по использованию.
Мобильная оптимизация
Современные казино оптимизированы для мобильных устройств (iOS) с быстрой загрузкой. Это позволяет наслаждаться развлечениями в любое время.
Клиентская поддержка
Эффективная служба поддержки работает 24/7 и помогает решать вопросы через чат.
Рейтинг лучших онлайн-казино 2025 года
1. Cat Casino
Преимущества: быстрые транзакции (до 1 минуты), лицензия Curacao, особые бонусы.
Бонусы: начальный подарок — 100 фриспинов в Book of Dead.
Особенности: специальные мероприятия.
2. Kometa Casino
Преимущества: ведущая платформа с дилерами, кэшбэк до 30 000?.
Бонусы: стартовый комплект — 255% + 500 бесплатных вращений.
Особенности: VIP-клуб с эксклюзивными привилегиями.
3. R7 Casino
Преимущества: скрытый аккаунт по email, поддержка цифровых активов (BTC) с бесплатными транзакциями.
Бонусы: фриспины за подписку на канал.
Особенности: двухфакторная аутентификация для защиты данных.
4. Arkada Casino
Преимущества: быстрые выплаты на карты РФ (Тинькофф), регулярные розыгрыши.
Бонусы: кэшбэк до значительного процента, удвоение начального взноса.
Особенности: сертифицированные слоты от NetEnt.
5. Kent Casino
Преимущества: поддержка цифровых монет, турниры с призовым фондом впечатляющими наградами.
Бонусы: возможность бесплатной игры.
Особенности: широкий выбор слотов с максимальной отдачей.
Особенности мобильных казино
Мобильные казино становятся востребованными благодаря технологичности. Их преимущества:
Адаптивный дизайн: интерфейс адаптирован для мобильных устройств.
Быстрый доступ: нет необходимости тратить время на загрузку.
Поддержка платежей: можно производить депозиты и получать выигрыши через мобильные приложения.
Низкое потребление трафика: современные казино работают быстро даже на ограниченной скорости.
Как выбрать лучшее казино?
При выборе онлайн-казино учитывайте следующие критерии:
Лицензия и безопасность
Убедитесь, что казино имеет международную лицензию и использует защиту информации (SSL).
Ассортимент игр
Лучшие казино предлагают разнообразие слотов, классических развлечений (блэкджек) и live-казино.
Скорость выплат
Изучите мнения пользователей о времени получения денег.
Бонусные программы
Обратите внимание на размер приветственного бонуса, требования по отыгрышу и наличие других спецпредложений.
Качество поддержки
Проверьте, насколько профессионально сотрудники решают вопросы.
Мобильная версия
Убедитесь, что казино имеет специальное приложение для смартфонов.
Заключение
Онлайн-казино могут стать способом отдыха, если подходить к их выбору ответственно. Придерживайтесь наших советов, играйте только на надёжных платформах и помните о важности самоконтроля. Азартные игры — это прежде всего развлечение, а не источник дохода.
Если вы ищете надёжное казино с широким выбором игр, обратите внимание на топовые площадки, такие как Arkada Casino. Они высоко ценятся среди игроков и продолжают радовать своими предложениями.
https://t.me/s/topcasinos_ru