透過網頁讀取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": []
}
}
}
A model pharmacy in terms of service and care.
https://gabapentinpharm24.top/
Impressed with their wide range of international medications.
An excellent choice for all pharmaceutical needs.
can you get cheap clomid without insurance
Trustworthy and efficient with every international delivery.
Quick turnaround on all my prescriptions.
can i purchase generic clomid
Their worldwide reputation is well-deserved.
They have an extensive range of skincare products.
https://gabapentinpharm24.top/
The most trustworthy pharmacy in the region.
They have strong partnerships with pharmacies around the world.
cost of cipro without a prescription
Their global distribution network is top-tier.
Their international collaborations benefit patients immensely.
can i buy generic lisinopril no prescription
Their international catalog is expansive.
Balanceo dinamico
Equipos de calibracion: fundamental para el funcionamiento uniforme y efectivo de las maquinarias.
En el mundo de la tecnologia contemporanea, donde la eficiencia y la seguridad del dispositivo son de alta trascendencia, los dispositivos de equilibrado juegan un tarea fundamental. Estos equipos adaptados estan disenados para equilibrar y regular partes giratorias, ya sea en maquinaria manufacturera, vehiculos de transporte o incluso en electrodomesticos de uso diario.
Para los tecnicos en soporte de aparatos y los ingenieros, manejar con sistemas de ajuste es crucial para asegurar el desempeno fluido y confiable de cualquier sistema dinamico. Gracias a estas opciones innovadoras sofisticadas, es posible minimizar sustancialmente las sacudidas, el ruido y la presion sobre los cojinetes, mejorando la duracion de piezas costosos.
De igual manera trascendental es el rol que cumplen los dispositivos de balanceo en la asistencia al cliente. El soporte experto y el conservacion regular usando estos aparatos habilitan dar prestaciones de optima excelencia, mejorando la agrado de los consumidores.
Para los propietarios de empresas, la contribucion en estaciones de equilibrado y sensores puede ser esencial para mejorar la rendimiento y eficiencia de sus aparatos. Esto es principalmente significativo para los emprendedores que dirigen pequenas y modestas negocios, donde cada elemento vale.
Tambien, los sistemas de balanceo tienen una gran aplicacion en el sector de la fiabilidad y el control de excelencia. Posibilitan localizar potenciales problemas, previniendo arreglos elevadas y perjuicios a los equipos. Tambien, los informacion generados de estos sistemas pueden utilizarse para optimizar sistemas y incrementar la presencia en buscadores de consulta.
Las campos de implementacion de los sistemas de calibracion cubren multiples ramas, desde la elaboracion de ciclos hasta el control del medio ambiente. No afecta si se trata de enormes elaboraciones de fabrica o reducidos espacios caseros, los equipos de balanceo son indispensables para garantizar un operacion eficiente y sin presencia de fallos.
Everything about medicine.
can i order generic cipro no prescription
Their health and beauty section is fantastic.
Always a pleasant experience at this pharmacy.
where to buy generic cytotec prices
A place where customer health is the top priority.
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Their senior citizen discounts are much appreciated.
where to get cheap cipro without insurance
Their health awareness campaigns are so informative.
Все о компьютерных играх lifeforgame.ru/ обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
Все о компьютерных играх https://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
Наша Москва – Москва с вами, Свадебный фотограф Москва
discount prescription drugs
Все о компьютерных играх http://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
Their staff is always eager to help and assist.
https://cytotecpharm24.top/
They set the tone for international pharmaceutical excellence.
The children’s section is well-stocked with quality products.
can you buy generic cipro price
Their global presence never compromises on quality.
Все о компьютерных играх http://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
They’re globally connected, ensuring the best patient care.
https://gabapentinpharm24.top/
Their commitment to healthcare excellence is evident.
Все о компьютерных играх https://lifeforgame.ru обзоры новых проектов, рейтинги, детальные гайды, новости индустрии, анонсы и системные требования. Разбираем особенности геймплея, помогаем с настройками и прохождением. Следите за игровыми трендами, изучайте секреты и погружайтесь в мир гейминга.
A stalwart in international pharmacy services.
lisinopril without diuretic
I’m always informed about potential medication interactions.
Providing global access to life-saving medications.
cost cheap clomid online
Their patient education resources are top-tier.
Their staff is always eager to help and assist.
can i purchase cheap lisinopril no prescription
The most trustworthy pharmacy in the region.
A trailblazer in international pharmacy practices.
cheap clomid without rx
The staff always ensures confidentiality and privacy.
Every visit reaffirms why I choose this pharmacy.
https://clomidpharm24.top/
They offer international health solutions without borders.
i was reading this https://brd-wallet.com/
blog link https://brd-wallet.com/
Read information now.
can i get cipro prices
Their free health check-ups are a wonderful initiative.
find more info https://brd-wallet.com/