透過網頁讀取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": []
}
}
}
viagra pills for men
pharmacie en ligne france fiable: pharmacie en ligne france livraison belgique – pharmacie en ligne france livraison belgique pharmafst.com
kamagra gel: kamagra en ligne – achat kamagra
Kamagra Oral Jelly pas cher: kamagra gel – acheter kamagra site fiable
металлические значки купить оптом значки на заказ москва
Электроприводные деревянные жалюзи: комфорт и стиль
Деревянные горизонтальные жалюзи с электроприводом Деревянные горизонтальные жалюзи с электроприводом . прокарниз
https://pharmafst.shop/# pharmacie en ligne pas cher
Идеальные деревянные жалюзи с электроприводом для интерьера
Деревянные горизонтальные жалюзи с электроприводом Деревянные горизонтальные жалюзи с электроприводом . +7 (499) 638-25-37
[url=https://kra–32.cc]kra32 cc[/url] – kraken сайт, кракен купить
страница Криптобосс зеркало
Manuala metode
Manuala FUE procedura tiek izmantots tikai roku darbs, graftus atdalot ar instrumentu, kura diametrs ir 0.9-1.00 mm. Parstadits tiek viss grafts, kas parasti satur 1-4 matu folikulus, nedalot atseviski pa 1 graftam, tadejadi iegustot kuplu un dabigu rezultatu.
Matu transplantacija
Dr. Ilze Runce veicot griezienus, strada ar mikroskopu, kas dod iespeju iegut matu biezumu, kas maksimali pietuvinats dabigajam un viena procedura iespejams parstadit lidz pat 4000 graftu. Manuala FUE metode tiek izmantota ari uzacu un bardas parstadisana. Procedura norit vieteja anestezija un ir klientam komfortabla – tas laika pacients visu laiku atrodas sedus stavokli proceduru kresla un var lietot datoru, telefonu, planseti, lasit gramatu vai skatities TV.
Dr. Ilze Runce ir manualas metodes aizsaceja Latvija, ir atseviski apguvusi so metodi Kazahstana 1 gada garuma pie nozares profesionaliem un ieviesusi to Latvija kops 2013.gada, kopuma ir veikusi jau vairak ka 1000 manualas FUE proceduras.
Aprakstu sagatavoja Dr. Ilze Runce
Manualas metodes cena ieklauts viss nepieciesamais:
nepieciesamais graftu daudzums;
visi pecoperacijas medikamenti;
sprejs;
sampuns;
cepurite;
pusdienas proceduras diena;
parsiesana nakamaja diena (pec nepieciesamibas).
MATU IZKRISANA
Pastiprinata matu izkrisana jeb alopecija skar gan viriesus, gan sievietes. Ta var but saistita ar novecosanos, genetiku, hroniskam slimibam, ieilgusu stresu, ka ari specifiskam imunas sistemas reakcijam. Mati klust plani vai pilniba izkrit. Ari retas un apdegumi zonas, kur agrak ir bijis apmatojums, (piemeram, uzacis) var radit estetisku diskomfortu.
Matu parstadisanas procedura ir efektivs risinajums gadijumos, kad medikamenti un arstnieciskas proceduras nepalidz!
pharmacie en ligne france pas cher: Pharmacie en ligne France – pharmacie en ligne fiable pharmafst.com
магазин аккаунтов маркетплейс аккаунтов
acheter kamagra site fiable: Acheter Kamagra site fiable – Kamagra Oral Jelly pas cher
Pharmacie en ligne livraison Europe: Pharmacies en ligne certifiees – pharmacie en ligne france pas cher pharmafst.com
cialis prix: Cialis sans ordonnance 24h – Cialis generique prix tadalmed.shop
аккаунты с балансом магазин аккаунтов социальных сетей
создание металлических значков значки изготовление москва
On this site, you can discover different CS:GO betting sites.
We list a variety of gaming platforms dedicated to the CS:GO community.
All the platforms is handpicked to secure trustworthiness.
csgo skin bet
Whether you’re a CS:GO enthusiast, you’ll effortlessly choose a platform that suits your needs.
Our goal is to help you to find only the best CS:GO betting sites.
Start browsing our list right away and elevate your CS:GO betting experience!
https://pharmafst.com/# pharmacie en ligne fiable
acheter mГ©dicament en ligne sans ordonnance: Livraison rapide – pharmacie en ligne avec ordonnance pharmafst.com
https://pharmafst.com/# Pharmacie sans ordonnance
Моторизированные жалюзи: комфорт и стиль в вашем доме
моторизированные жалюзи моторизированные жалюзи . +7 (499) 638-25-37
pharmacie en ligne france livraison internationale: Pharmacie en ligne France – Pharmacie Internationale en ligne pharmafst.com
https://kamagraprix.shop/# acheter kamagra site fiable
закатные металлические значки изготовление значков из металла
cialis sans ordonnance: Cialis sans ordonnance pas cher – Cialis generique prix tadalmed.shop
pharmacie en ligne sans ordonnance: pharmacie en ligne – pharmacie en ligne livraison europe pharmafst.com
продажа аккаунтов соцсетей площадка для продажи аккаунтов
Cialis generique prix: Tadalafil 20 mg prix sans ordonnance – Achat Cialis en ligne fiable tadalmed.shop