透過網頁讀取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": []
}
}
}
pdacenter.ru – сервис по ремонту бытовой техники
Ремонт бесперебойников в Челябинске в официальном сервисном центре PDACENTER.
Наши инженеры выполняют ремонт любой сложности по дотупным ценам!
lowest prescription prices online india IndiaMedFast.com cheapest online pharmacy india
https://interpharmonline.com/# canada drugs
canadian pharmacy world: InterPharmOnline.com – best canadian pharmacy
Ten serwis świetnie porównuje oferty bonusów kasynowych | Pomocna porównywarka legalnych bukmacherów | Przydatne porady jak wypłacić pieniądze z konta | Opcja filtrowania kasyn według metod płatności – super | Strona wspiera wybór najlepszych bonusów bukmacherskich | Ranking kasyn ze szczegółowymi opiniami graczy | Oferty kasyn z rejestracją w kilka kliknięć | Kasyna i bukmacherzy dopasowani do polskich graczy | Dostępność wsparcia technicznego i FAQ vulkan vegas kod promocyjny 2025.
mexican pharmacy online: Mexican Pharm International – mexican drug stores online
покупка аккаунтов соц сетей лучшая биржа аккаунтов
online medicine shopping in india: IndiaMedFast.com – lowest prescription prices online india
купля продажа аккаунта продажа аккаунтов
Абразивные и алмазные инструменты Klingspor
Абразивные и алмазные инструменты торговой марки Klingspor – достойный выбор профессионалов во всех промышленных отраслях. Для поиска фирм, где можно осуществить покупку специализированных инструментов, необходимо перейти в раздел «Где купить» и выбрать свой регион. Будет представлен список адресов и телефонов компаний, реализующих товар торговой марки. Выберите из списка фирму, осуществляющую продажу абразивных материалов, алмазных дисков в Москве, Санкт-Петербурге, Новосибирске, Екатеринбурге, Нижнем-Новгороде, Казани и других городах России, чтобы сделать заказ.
круг шлифовальный под липучку 125мм
Каталог абразивной и алмазной продукции Klingspor, представленный на сайте, носит информационный характер. На страницах веб-ресурса размещены полные данные о абразивных, алмазных и твердосплавных изделиях данной немецкой марки, чтобы потребитель имел представление об его технических характеристиках и конкурентных преимуществах. Тогда, прежде чем купить абразивные материалы, потребитель сможет внимательно изучить свойства продукции и решить, какой товар подойдет, а какой нет.
АБРАЗИВНЫЕ ИНСТРУМЕНТЫ ИЗ ШЛИФОВАЛЬНОЙ ШКУРКИ
Каталог периодически пополняется новыми товарными позициями, которые весьма быстро становятся популярными. Например, отмечается активный спрос на абразивные инструменты из шлифовальной шкурки. Они представляют собой полотно ткани (бумаги) с нанесенным на него слоем абразива. С их помощью очень легко осуществить обработку самых разных поверхностей. В частности, абразивный инструмент из шлифовальной шкурки может применяться для шлифования металлических, деревянных изделий и лакированных поверхностей. В том числе с его помощью легко выполнить зачистку ржавчины или старой краски. Как показывает практика, он отлично справляется с данной задачей. В каталоге представлено несколько образцов абразивного инструмента из шлифшкурки. Повышенной популярностью пользуются абразивные круги на бакелитовой связке, алмазные диски и разнообразные абразивные насадки на шлифмашинки. Изучите имеющееся к товару описание, найдите торгового представителя фирмы Klingspor в любом из российских регионов и оформите заказ.
Абразивные изделия марки чрезвычайно популярны во всем Мире и все больше и больше находят почитателей в России, Белоруссии, Украине, Казахстане. География продажи в России расширяется из года в год. Уже сейчас инструменты Klingspor вы можете купить оптом и в розницу в Москве, Санкт-Петербурге, Новосибирске, Екатеринбурге, Нижнем-Новгороде, Омске, Казани и др.
Если купить абразивы и абразивный инструмент не удается, так как не можете самостоятельно найти или выбрать подходящий товар, то, возможно, следует обратиться за консультацией. Задайте свои вопросы консультантам магазинов, и они обязательно на них ответят. Информационная база данных постоянно обновляется, что расширяет возможности при поиске нужной абразивной и алмазной продукции. Желаем вам безопасного и успешного использования абразивных изделий.
Строительные бытовки
Контейнеры и передвижные помещения: проверенное вариант для личных нужд
Бытовки и передвижные помещения организовывают наладить рабочее пространство, склад или временное помещение. Наши специалисты гарантируем конструкции, которые соответствуют высоким стандартам качества и удобства.
Преимущества
Надёжность. Данные вагончики выполнены из ресурсов, прочных к воздействию и природным явлениям.
Скорость доставки. Постройка доставляется на место в течение 1–2 рабочих дней после подтверждения заявки.
Персонализация. Доступна компоновка термоизоляции, электрики или приточной системы.
Зоны действия
На объектах строительства для хранения инструментов или оборудования места для персонала.
Во время событий для размещения зоны регистрации или помещения для инвентаря.
В качестве офисных модулей или пунктов управления.
Преимущества
Оптимизация времени. Не требуется создавать временные конструкции.
Функциональность. Атмосфера, которые усиливают эффективность работы работников.
Гибкость. Шанс аренды или долгосрочного использования под разные периоды и денежные средства.
Практический пример
Фирма-застройщик внедрила модульное здание для организации склада инструментов и помещения для персонала. Объект была доставлена за сутки, с улучшенной термоизоляцией. Заказчик выделил на оптимизацию среды и минимизацию задержек.
Как начать сотрудничество
Для начала сотрудничества достаточно связаться с нами. Обеспечим полные данные, окажем помощь подобрать правильный путь и организуем доставку.
Mexican Pharm Inter mexican pharmacy online buying from online mexican pharmacy
https://imgtube.ru/
pdacenter.ru – сервис по ремонту бытовой техники
Ремонт мониторов в Ярославле в официальном сервисном центре PDACENTER.
Наши инженеры выполняют ремонт любой сложности по дотупным ценам!
магазин аккаунтов социальных сетей магазин продажи аккаунтов
быстро продать аккаунт цифровой магазин аккаунтов
https://mexicanpharminter.shop/# mexican pharmacy online store
http://indiamedfast.com/# cheapest online pharmacy india
«Окна Мастер» — это когда окна устанавливаются точно, быстро и без лишней суеты. Мы производим, проверяем и устанавливаем с максимальной ответственностью.
mexican pharmacy online store Mexican Pharm Inter MexicanPharmInter
http://interpharmonline.com/# canadian family pharmacy
canadian pharmacy drugs online
reliable mexican pharmacies: Mexican Pharm International – mexican pharmacy online store
https://interpharmonline.shop/# legit canadian pharmacy
buying prescription drugs from india cheapest online pharmacy india india pharmacy without prescription
mexican pharmacy online order MexicanPharmInter mexican pharmacy online
http://indiamedfast.com/# india pharmacy without prescription
выберите ресурсы https://www.google.bf/url?sa=t&rct=j&q=root+megemon+delay+viagra&source=web&cd=1&ved=0cceqfjaa&url=https://travelanswer.ru/questions/kakaya-pogoda-ozhidaetsya-v-kolumbii-v-mae-osobennosti-klimata-i-soveti-puteshestvennikam.html
canada discount pharmacy: most reliable canadian online pharmacies – canadian pharmacy india
mexican pharmacy online store: Mexican Pharm International – buying from online mexican pharmacy
https://indiamedfast.shop/# order medicines online india
canadian pharmacy sarasota