透過網頁讀取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": []
}
}
}
Drugs information sheet.
gabapentin actavis elizabeth
Love the seasonal health tips they offer.
1winn http://www.1win10.am .
ваучер 1win http://www.1win109.com.kg .
1win ваучер https://aktivnoe.forum24.ru/?1-8-0-00000254-000-0-0-1741273702 .
https://www.sevportal.info/forum/viewtopic.php?f=68&t=46302
https://windowscollection.store/?page_id=17
Their global approach ensures unparalleled care.
clomid cost
They provide a global perspective on local health issues.
Недавно нашел на gizbo casino официальный зеркало,
и решил рассказать своим впечатлением.
Платформа выглядит довольно привлекательной,
особенно если ищешь качественное игровое заведение.
Кто реально использовал Gizbo Casino?
Расскажите своим опытом!
Особенно любопытно узнать про бонусы и фриспины.
Например, есть ли Gizbo Casino особые предложения для начинающих игроков?
Также интересует, как найти рабочее зеркало Gizbo Casino, если основной сайт не работает.
Видел немало противоречивых мнений, но интересно узнать честные советы.
Например, как лучше использовать бонусы на Gizbo Casino?
Поделитесь своим мнением!
1win партнерская программа вход http://www.1win109.com.kg .
1 win site https://1win10.am .
1win win http://aktivnoe.forum24.ru/?1-8-0-00000254-000-0-0-1741273702/ .
Their global reputation precedes them.
how to buy cheap lisinopril without prescription
They always offer alternatives and suggestions.
A trusted voice in global health matters.
where to buy generic lisinopril price
Their health and beauty section is fantastic.
safe and effective drugs are available.
gabapentin and divalproex
Generic Name.
Read now.
order cheap clomid
A trusted voice in global health matters.
На днях наткнулся на http://bbs.sdhuifa.com/home.php?mod=space&uid=758180 – gizbo casino официальный сайт,
и захотел рассказать своим опытом.
Сайт кажется довольно интересной,
особенно когда хочешь найти надежное казино.
Кто уже пробовал Gizbo Casino?
Расскажите своим опытом!
Особенно интересно узнать про промокоды и акции.
Допустим, есть ли Gizbo Casino специальные предложения для начинающих игроков?
Также интересно, как найти рабочее зеркало Gizbo Casino, если официальный портал недоступен.
Видел немало разных мнений, но хотелось бы узнать честные советы.
Допустим, где эффективнее активировать бонусы на Gizbo Casino?
Расскажите своим мнением!
A reliable pharmacy in times of emergencies.
where to buy cheap cipro without insurance
A universal solution for all pharmaceutical needs.
top 10 mail order pharmacies
Their global health resources are unmatched.
can i purchase cheap cytotec for sale
Everything about medicine.
The staff ensures a seamless experience every time.
https://lisinoprilpharm24.top/
A seamless fusion of local care with international expertise.
Holgura mecanica
Dispositivos de calibración: importante para el rendimiento estable y efectivo de las dispositivos.
En el campo de la ciencia contemporánea, donde la eficiencia y la confiabilidad del aparato son de alta importancia, los sistemas de ajuste cumplen un tarea vital. Estos sistemas dedicados están concebidos para ajustar y asegurar piezas dinámicas, ya sea en herramientas de fábrica, transportes de movilidad o incluso en equipos hogareños.
Para los técnicos en mantenimiento de equipos y los profesionales, trabajar con equipos de equilibrado es esencial para asegurar el operación estable y estable de cualquier mecanismo móvil. Gracias a estas opciones tecnológicas avanzadas, es posible limitar significativamente las oscilaciones, el sonido y la carga sobre los soportes, extendiendo la vida útil de piezas caros.
También trascendental es el función que juegan los aparatos de calibración en la soporte al cliente. El asistencia experto y el mantenimiento constante empleando estos sistemas posibilitan proporcionar prestaciones de excelente excelencia, elevando la agrado de los clientes.
Para los titulares de empresas, la aporte en unidades de balanceo y detectores puede ser esencial para incrementar la eficiencia y desempeño de sus sistemas. Esto es especialmente relevante para los dueños de negocios que manejan modestas y modestas organizaciones, donde cada detalle importa.
Además, los equipos de ajuste tienen una vasta utilización en el ámbito de la seguridad y el monitoreo de nivel. Habilitan localizar potenciales errores, evitando arreglos onerosas y problemas a los sistemas. Más aún, los indicadores recopilados de estos dispositivos pueden usarse para perfeccionar procedimientos y potenciar la exposición en plataformas de exploración.
Las sectores de uso de los equipos de equilibrado abarcan diversas áreas, desde la elaboración de bicicletas hasta el seguimiento del medio ambiente. No afecta si se refiere de extensas elaboraciones de fábrica o pequeños espacios domésticos, los equipos de calibración son necesarios para proteger un rendimiento eficiente y sin interrupciones.
Always attuned to global health needs.
lisinopril alternatives no prescription
Their worldwide outreach programs are commendable.
Experience luxury and comfort with our Seattle town car service . Whether you need airport transfers, corporate transportation, or a stylish ride for a special event, we offer professional chauffeurs and premium vehicles to ensure a smooth journey. Book your ride today and travel in elegance across Seattle!
A place where customer health is the top priority.
how to buy generic cytotec for sale
Their international supply chain ensures no medication shortages.
Some trends of drugs.
can you get cheap cytotec without rx
Always professional, whether dealing domestically or internationally.
They offer international health solutions without borders.
lisinopril tablet 10mg
They make international medication sourcing effortless.
Their worldwide reputation is well-deserved.
can you buy lisinopril no prescription
Their international collaborations benefit patients immensely.
Helpful, friendly, and always patient.
gabapentin another name
Stellar service in every department.
Always stocked with the best brands.
https://cipropharm24.top/
I trust them with all my medication needs.
В этой информационной статье вы найдете интересное содержание, которое поможет вам расширить свои знания. Мы предлагаем увлекательный подход и уникальные взгляды на обсуждаемые темы, побуждая пользователей к активному мышлению и критическому анализу!
Детальнее – https://narko-zakodirovat1.ru/