透過網頁讀取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://pinupkz.life/
Нужна арматура оптом в Москве – вам на armatura-v-mosmow.ru за выгодными ценами за метр и тонну.
пин ап вход – пин ап казино зеркало
kamagra kopen nederland kamagra pillen kopen KamagraKopen.pro
Struggling to lose weight? AquaSculpt is transforming weight loss with its natural, fast-acting capsules. Packed with proven AquaSculpt ingredients, these capsules burn fat, boost energy, and deliver real AquaSculpt results in weeks. Curious about AquaSculpt reviews? Users love its effectiveness and zero AquaSculpt side effects. Want to know AquaSculpt how to use? It’s simple—take daily and watch the pounds melt away. Ready to try? AquaSculpt buy now at http://aquasculpt.me and sculpt your dream body today!
Officiele Kamagra van Nederland Kamagra Kopen Online Kamagra Kopen Online
Kamagra Kamagra kamagra kopen nederland
Say hello to AquaSculpt—a game-changer in weight loss! These AquaSculpt capsules use natural AquaSculpt ingredients to shed pounds and boost confidence. No AquaSculpt side effects, just pure AquaSculpt results—see why in AquaSculpt reviews. Learn AquaSculpt how to use and join thousands who love it. AquaSculpt buy today at http://aquasculpt.best
Struggling to lose weight? AquaSculpt is transforming weight loss with its natural, fast-acting capsules. Packed with proven AquaSculpt ingredients, these capsules burn fat, boost energy, and deliver real AquaSculpt results in weeks. Curious about AquaSculpt reviews? Users love its effectiveness and zero AquaSculpt side effects. Want to know AquaSculpt how to use? It’s simple—take daily and watch the pounds melt away. Ready to try? AquaSculpt buy now at http://aquasculpt.xyz and sculpt your dream body today!
AquaSculpt weight loss is here to stay! With AquaSculpt capsules, you get fast AquaSculpt results thanks to natural AquaSculpt ingredients. No worries about AquaSculpt side effects—users confirm it in AquaSculpt reviews. Curious AquaSculpt how to use? It’s easy and effective. AquaSculpt where to buy? Visit http://aquasculpt.xyz and transform your body now!
Получить онлайн консультацию психолога чате. Чат психологической поддержки. Психолог онлайн анонимно.
Онлайн чат с психологом без регистрации. Получить онлайн консультацию психолога чате. Психологическая и информационная онлайн-помощь.
пин ап вход – пинап казино
пинап казино – пинап казино
Онлайн-консультация психолога. Круглосуточная запись на онлайн-консультацию психолога. Получите консультацию онлайн-психолога в чате прямо сейчас.
Struggling to lose weight? AquaSculpt is transforming weight loss with its natural, fast-acting capsules. Packed with proven AquaSculpt ingredients, these capsules burn fat, boost energy, and deliver real AquaSculpt results in weeks. Curious about AquaSculpt reviews? Users love its effectiveness and zero AquaSculpt side effects. Want to know AquaSculpt how to use? It’s simple—take daily and watch the pounds melt away. Ready to try? AquaSculpt buy now at http://aquasculpt.best and sculpt your dream body today!
пин ап вход: https://pinupkz.life/
Say hello to AquaSculpt—a game-changer in weight loss! These AquaSculpt capsules use natural AquaSculpt ingredients to shed pounds and boost confidence. No AquaSculpt side effects, just pure AquaSculpt results—see why in AquaSculpt reviews. Learn AquaSculpt how to use and join thousands who love it. AquaSculpt buy today at http://aquasculpt.me !
pinup 2025 – pinup 2025
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
sildenafil citrate tablets 100 mg
пин ап зеркало – пин ап казино
Smart Vision has made managing my property security incredibly easy. The video surveillance software’s intuitive design makes it simple to navigate, even for beginners. The AI object detection is remarkably accurate, reducing false alarms significantly. The IP camera recorder function is dependable, providing continuous monitoring around the clock. The time-lapse feature is a huge time-saver. As a VMS, Smart Vision offers a comprehensive and user-friendly experience. This video surveillance software is a worthwhile upgrade. smart vision video motion detection software
pinup 2025: https://pinupkz.life/
пин ап зеркало – pinup 2025
Vibracion del motor
Aparatos de calibración: esencial para el operación suave y óptimo de las dispositivos.
En el entorno de la tecnología avanzada, donde la eficiencia y la estabilidad del equipo son de alta significancia, los sistemas de balanceo tienen un función vital. Estos aparatos adaptados están creados para calibrar y asegurar piezas rotativas, ya sea en herramientas de fábrica, automóviles de traslado o incluso en electrodomésticos hogareños.
Para los expertos en reparación de dispositivos y los técnicos, manejar con aparatos de ajuste es fundamental para proteger el desempeño suave y confiable de cualquier aparato rotativo. Gracias a estas alternativas modernas modernas, es posible minimizar considerablemente las vibraciones, el ruido y la tensión sobre los soportes, prolongando la vida útil de partes importantes.
Igualmente significativo es el papel que tienen los equipos de equilibrado en la servicio al consumidor. El apoyo técnico y el reparación regular usando estos equipos permiten proporcionar asistencias de alta estándar, aumentando la agrado de los usuarios.
Para los propietarios de negocios, la contribución en unidades de ajuste y medidores puede ser clave para incrementar la rendimiento y productividad de sus aparatos. Esto es especialmente trascendental para los inversores que gestionan pequeñas y pequeñas emprendimientos, donde cada detalle es relevante.
También, los sistemas de balanceo tienen una vasta utilización en el ámbito de la fiabilidad y el monitoreo de nivel. Habilitan identificar probables fallos, evitando intervenciones onerosas y problemas a los dispositivos. Incluso, los datos generados de estos equipos pueden emplearse para optimizar procesos y potenciar la exposición en motores de consulta.
Las sectores de uso de los sistemas de calibración cubren variadas industrias, desde la fabricación de ciclos hasta el seguimiento del medio ambiente. No influye si se refiere de importantes elaboraciones de fábrica o pequeños espacios caseros, los equipos de balanceo son esenciales para promover un funcionamiento productivo y libre de interrupciones.
I have really learned some new things from a blog post. One more thing to I have noticed is that typically, FSBO sellers will certainly reject anyone. Remember, they can prefer never to use your providers. But if you actually maintain a steady, professional connection, offering assistance and keeping contact for about four to five weeks, you will usually have the ability to win a meeting. From there, a listing follows. Thanks a lot
пин ап казино – пин ап казино
Look at my web site … Free poker
Struggling to lose weight? AquaSculpt is transforming weight loss with its natural, fast-acting capsules. Packed with proven AquaSculpt ingredients, these capsules burn fat, boost energy, and deliver real AquaSculpt results in weeks. Curious about AquaSculpt reviews? Users love its effectiveness and zero AquaSculpt side effects. Want to know AquaSculpt how to use? It’s simple—take daily and watch the pounds melt away. Ready to try? AquaSculpt buy now at http://aquasculpt.one and sculpt your dream body today!