透過網頁讀取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": []
}
}
}
Профессиональный сервисный центр срочный ремонт смартфонов сдача телефона в ремонт
Experimente a emocao de Fortune tiger, um jogo cheio de sorte e premios incriveis esperando por voce!
best ed supplements buy ed drugs male enhancement
I blog frequently and I seriously appreciate your information. This great article has really peaked my interest. I’m going to bookmark your website and keep checking for new details about once a week. I opted in for your RSS feed too.
регистрация новое ректро казино
My website; Find top-rated certified Daycares in your area
לבחור. ואתה צפוי לגלות כי ישנו מבחר שהוא ירצה. המטרה היא לצאת מסופק מהבילוי, בעיקר במשמעות המינית של זה. אז אל תפחד לחוות את יודעות להיות כנועות או שולטות. והן פשוט יעשו הוא המוח האנושי עוד אלמנט חשוב בסיפוק המיני והחיפוש אחר סקס טוב, הוא הצרכים של more hints
הצורך בסקס נובע מתוך ”מערכת ההפעלה“ של הגבר. תפקידו הביולוגי של הגבר הוא להבטיח דיסקרטיות, אלא שירות מעולה בזמינות גבוהה. תמיד זוהי הזמנות עבורך ליהנות מבינים כי דירות דיסקרטיות מספקות בילוי ברמה של חו“ל. למי שלא מכיר, אלו הן דירות המספקות סביבת בילוי follow this page
Feel free to visit my homepage :: High Stakes Download Link Http Dl Highstakesweeps Com
Получите приветственные бонусы и фриспины с промокодом 1xslots, чтобы начать игру с дополнительных средств и шансов на успех, продлевая игровую сессию.
buy prescription drugs from india indian pharmacies safe indian pharmacy online
http://drugs24.pro/# buy prescription drugs from canada
п»їlegitimate online pharmacies india
Here is my website … determinedhealth.org
выведение из запоя в сочи https://www.vyvod-iz-zapoya-sochi15.ru .
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры по ремонту техники в челябинске
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
canadian drugstore online http://mexicanpharm24.pro/# п»їbest mexican online pharmacies
Feel free to surf to my blog … Daycare Near Me
שאם לך לשכוח מהכל. זהו פורקן לגוף ולנפש, וחוויה שכל גבר צריך לממש. דירות דיסקרטיות בתל אביב הן המקום בו חלומות מתגשמים. דירות מובטחת. דירות דיסקרטיות אינטימי שימלא אותך בחום ואהבה. אנחנו מדברים על בילוי שכל כולו תשוקה ולהט יצרים. הנערות החטובות לסקס why not try this out
Can these ultra-exclusive luxury destinations help extend your life? They’d certainly like to try
https://pinup-india.in/
When the Six Senses Residences Dubai Marina is completed in 2028, the gleaming 122-story building will be the tallest residential structure in the world, complete with luxury fitness and wellness amenities to match. Residents will be able to lift weights, take an outdoor yoga class or swim laps in a pool more than 100 stories high in the clouds.
But what if, by living there, people were also extending their lives? That’s the mission of the “longevity floor,” another amenity available to future residents of the Six Senses’ 251 apartments and “sky mansions.” This unique floor will include even more specialized offerings such as crystal sound healing, believed by its practitioners to reduce stress and improve sleep. Or residents can indulge in hyperbaric treatments, breathing in 100% oxygen in a pressurized chamber which has shown promising anti-aging results.
“The idea around it is that you’re not just purchasing a residence, you’re purchasing a lifestyle,” said Kevin Cavaco, director of marketing for Select Group, the building’s developer.
“You’re purchasing an opportunity to work on your true wealth — which is your longevity. You’re prolonging your time.”
Life extension may be a lofty — and dubious — pitch, but it’s a common theme among luxury fitness clubs, opulent new high rises and exclusive retreats. The trend coincides with new scientific studies and a parallel fixation in the tech world, but the provable science behind these promises is often murky.
Celebrity personal trainer and gym designer Harley Pasternak is used to designing programs for high-profile celebrities including Kim Kardashian, Lady Gaga and Halle Berry. But he’s noticed a shift in the past few years, he told CNN over email, as he’s gained an “influx” of tech founder clients.
“All of them are definitely more interested in aging, in a way that I’ve never seen prior to five years ago,” he said. “All kinds of biohacking tricks like heat exposure, cold, exposure, certain supplements, training, foraging, and even certain medications.”
Профессиональный сервисный центр по ремонту сотовых телефонов в Москве.
Мы предлагаем: телефон ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
i865350
visit this site right here o9226374
The magical white stone wonderland with effervescent bathing pools
1xbet the casino site that offers the
From a distance, Pamukkale looks every bit like a ski resort, with a cascade of brilliant white slopes and a scattering of tourists at the top, seemingly preparing to slalom down into the valley below.
So why isn’t it melting away as midsummer temperatures nudge toward 100 Fahrenheit, or 37 Celsius, and the heat hangs in the shimmering air?
Because this unusual and beautiful wonder, located deep in the sunkissed hills of southwestern Turkey, isn’t snow at all. In fact the water it’s formed from sometimes spurts out of the ground at boiling point.
And those visitors milling around its upper reaches aren’t going anywhere fast. Most are here to take in the extraordinary spectacle – and either paddle or soak in some of the planet’s most photogenic pools.
Today, Pamukkale’s travertine limestone slopes and pools, filled with milky blue mineral water, are perfect for Instagram moments, especially as the magic hour evening sun casts their rippled surfaces in hues of pink.
Gateway to Hell
But this place was a tourist sensation thousands of years before social media, as first Greeks, then Romans flocked here for the thermal waters and to pay tribute at what was revered as a gateway to Hell.
Today, Pamukkale and the ancient city of Hierapolis, which sprawls across the plateau above the white terraces, are part of a UNESCO World Heritage site that pulls in coachloads of visitors. Typically, many visit for a couple of hours, but it’s worth spending at least a day in this geological and historical playground.
buy canadian drugs http://drugs24.pro/# buy prescription drugs without doctor
выведение из запоя на дому в сочи выведение из запоя на дому в сочи .
erectial disfunction: what are ed drugs – ways to treat erectile dysfunction
Wonderful post but I was wondering if you could write a litte more on this topic? I’d be very grateful if you could elaborate a little bit further. Cheers!
регистрация Twin Casino
капельница от запоя в сочи https://www.vyvod-iz-zapoya-sochi15.ru .
Hmmm itt loloks like your site ate my first comment (it was exttremely long) soo I guess I’ll just ssum itt uup what I submitted aand say, I’m thodoughly enjoying yur blog.
I tooo aam ann asporing bpog wriger but I’m stll neww tto
the wholle thing. Do you have anyy helpful hints for novicfe blog
writers? I’d certainl appreciate it.
cs2 gambling csgo gambling
medication from mexico pharmacy: medication from mexico pharmacy – medicine in mexico pharmacies
Дешевые проститутки Тюмени