透過網頁讀取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": []
}
}
}
Also visit my webpage Daycares By Category
Тут можно преобрести сейф купить в москве купить сейф в москве
Подробнее https://maps.google.com.kh/url?q=http://helpinginer.ru/chugunnye-pechi-burzhujki/
Feel free to surf to my web blog – dating apps texas
Эта компания создает чистоту и порядок с помощью современного оборудования, узнайте больше тут https://www.librarything.com/profile/Cleanprosto/
содержание https://www.google.com.sv/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0CAcQjRw&url=https://travelanswer.ru/questions/kak-scitayutsya-90-dney-prebivaniya-na-kipre-i-v-sengenskoy-zone-vmeste-ili-otdelyno.html
https://alo789.auction/# alo 789 dang nh?p
Устал сливать в игровом клубе? Перестань ставить наугад! Присоединяйся на Рейтинг Казино! ??
Забудь о слитых средствах и крушениях надежд! Наш Telegram-канал “Рейтинг Казино” станет твоим верным гидом в мире гемблинга!
Что же тебя ожидает в нашем канале:
Независимые обзоры игровых платформ: Мы рассматриваем каждый аспект – от правового статуса и известности до бонусов и времени переводов. Никакой рекламы, лишь честная информация!
Последние табели о рангах: Узнай, которые платформы действительно переводят выигрыши и дают лучшие условия для клиентов!
Особенные подарки и промокоды: Воспользуйся самые выгодные варианты от проверенных заведений!
Актуальные известия из сферы гемблинга: Пребывай в знании новых фактов и направлений!
Советы и планы от опытных игроков: Повысь свои шансы на успех и делай ставки с умом!
Хватит рассчитывать на фортуну! Пришло время делать ставки осознанно!
Присоединяйся на “Наш Telegram канал “Рейтинг Казино”” прямо сейчас и преврати игру в прибыль!
https://vk.com/reyting_top_casino
nha cai 88bet: 88 bet – 88bet
dqjl3w
1win.kg http://fanfiction.borda.ru/?1-3-0-00000125-000-0-0-1742475251/ .
скачать мостбет http://taksafonchik.borda.ru/?1-14-0-00002042-000-0-0-1742473173/ .
мостбет зеркало мостбет зеркало .
http://k8viet.guru/# k8 th? dam
https://88betviet.pro/# 88 bet
https://alo789.auction/# alo789hk
Тут можно преобрести купить сейф взломостойкий сейф взломостойкий
Hi there, I found your website by way of Google whilst looking for a similar matter, your web site came up, it seems to be good. I have bookmarked it in my google bookmarks.
https://alo789.auction/# alo789 dang nh?p
Топ онлайн казино 2025: эксклюзивный обзор лучших игровых платформ
Виртуальные казино стремительно развиваются в России, завоевывая всё больше игроков вследствие своей доступности. Однако для безопасного времяпрепровождения критически важно выбирать только легальные площадки, которые гарантируют защиту личных данных. В этом материале мы рассмотрим ключевые стандарты качества, составим список лучших казино 2025 года и предоставим практические инструкции для правильного решения.
Основные признаки безопасности онлайн-казино
Чтобы избежать рисков, необходимо учитывать следующие особенности:
Лицензионная чистота
Проверяйте наличие глобальных сертификатов: Мальты.
Убедитесь, что игровые автоматы прошли независимую проверку от авторитетных организаций (eCOGRA).
Система случайных чисел (RNG)
Казино должно использовать проверенный генератор случайных чисел, что обеспечивает честность игры.
Скорость транзакций
Надёжные казино предлагают быстрые выплаты через широкий спектр методов: банковские карты (Мир), электронные кошельки (QIWI) и блокчейн-валюты (USDT).
Бонусная политика
Хорошие казино предоставляют привлекательные бонусы: вступительные награды, фриспины и VIP-клубы. Обратите внимание на условия отыгрыша.
Мобильная оптимизация
Современные казино настроены для мобильных устройств (Android) с удобным управлением. Это позволяет играть в любом месте круглосуточно.
Клиентская поддержка
Эффективная служба поддержки работает 24/7 и помогает решать вопросы через чат.
Рейтинг лучших онлайн-казино 2025 года
1. Cat Casino
Преимущества: мгновенные выводы средств (до 1 минуты), лицензия Кюрасао, уникальные предложения.
Бонусы: начальный подарок — 100 фриспинов в других популярных слотах.
Особенности: розыгрыши путешествий.
2. Kometa Casino
Преимущества: лучшее live-казино, кэшбэк до 30 000?.
Бонусы: стартовый комплект — впечатляющий приветственный пакет.
Особенности: VIP-клуб с персонализированными условиями.
3. R7 Casino
Преимущества: приватный вход по email, поддержка криптовалют (BTC) с бесплатными транзакциями.
Бонусы: фриспины за активность в соцсетях.
Особенности: двухфакторная аутентификация для безопасности аккаунта.
4. Arkada Casino
Преимущества: оперативные транзакции на карты РФ (Тинькофф), ежедневные конкурсы.
Бонусы: кэшбэк до значительного процента, удвоение начального взноса.
Особенности: сертифицированные слоты от NetEnt.
5. Kent Casino
Преимущества: поддержка криптовалют, турниры с призовым фондом впечатляющими наградами.
Бонусы: тестирование слотов.
Особенности: широкий выбор слотов с высоким RTP.
Особенности мобильных казино
Мобильные казино становятся все более популярными благодаря функциональности. Их преимущества:
Адаптивный дизайн: интерфейс оптимизирован для мобильных устройств.
Быстрый доступ: нет необходимости устанавливать программы.
Поддержка платежей: можно пополнять счёт и выводить средства через специальные сервисы.
Низкое потребление трафика: современные казино работают эффективно даже на низкой пропускной способности.
Как выбрать лучшее казино?
При выборе онлайн-казино учитывайте следующие факторы:
Лицензия и безопасность
Убедитесь, что казино имеет международную лицензию и использует технологии безопасности (SSL).
Ассортимент игр
Лучшие казино предлагают обширный ассортимент слотов, классических развлечений (покер) и live-казино.
Скорость выплат
Изучите реальные комментарии о времени обработки заявок.
Бонусные программы
Обратите внимание на размер приветственного бонуса, требования по вейджеру и наличие других спецпредложений.
Качество поддержки
Проверьте, насколько оперативно сотрудники решают вопросы.
Мобильная версия
Убедитесь, что казино имеет адаптированную версию для смартфонов.
Заключение
Онлайн-казино могут стать интересным хобби, если подходить к их выбору ответственно. Придерживайтесь наших рекомендаций, играйте только на качественных платформах и помните о важности самоконтроля. Азартные игры — это прежде всего способ провести время, а не способ заработка.
Если вы ищете проверенную платформу с быстрыми выплатами, обратите внимание на топовые площадки, такие как Arkada Casino. Они пользуются доверием среди игроков и продолжают впечатлять.
https://t.me/s/topcasinos_ru
link vao k8 link vao k8 link vao k8
кайт хургада
Наши любимые модели BMW для каждого водителя, любителей автомобилей.
Наслаждайтесь отличием моделей BMW, которые впечатляют.
Проверьте последние достижения BMW, спортивные машины.
Каждый найдет свою идеальную BMW, уникально адаптирован.
Погрузитесь в мир премиальных автомобилей BMW, которые предлагают.
Преимущества автомобиля BMW, узнайте.
Искусство автомобилестроения: BMW, предназначенный для.
Выбор моделей BMW: найдите свою идеальную машину, которые стоит рассмотреть.
Как BMW отвечает на вызовы времени, узнайте.
Модели BMW: оптимальный выбор для всех, проектированные для путешествий.
BMW — это больше, чем просто автомобиль, это символ статуса.
Исключительное качество: выбор BMW, который вдохновляет.
BMW: там, где стиль встречается с производительностью, предназначенная для.
Почему BMW — это ваш идеальный выбор, от комфорта до инноваций.
Автомобили BMW: вдохновение на каждом километре, с уникальным дизайном.
Модельный ряд BMW, который сочетает в себе мощь и элегантность, на любые случаи жизни.
BMW: воплощение мечты о идеальном автомобиле, для тех, кто ищет лучшее.
Модельный ряд BMW: ваше новое путешествие начинается, с комфортом и стилем.
Изучите мир BMW с новой перспективы, для любого бюджета.
x6 m50d https://model-series-bmw.biz.ua/ .
http://citaflamenca.org/news/1xbet_new_registration_promo_code_4.html
Подробнее здесь https://images.google.by/url?q=https://protos.ru/catalog/category/kontaktnaya-lenta-velkro-lipuchka-prishivnaya
k8 bet k8 bet k8
alo789in alo789 dang nh?p alo789in
nha cai k8: k8vip – k8vip
Hi there! Would you mind if I share your blog with my myspace group? There’s a lot of folks that I think would really enjoy your content. Please let me know. Many thanks
188bet 88bet 88bet slot keo nha cai 88bet