透過網頁讀取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": []
}
}
}
эко-кожа купить эко-кожа купить .
Feel free to visit my web site :: Stakes casino
выведение из запоя врачом наркологом выведение из запоя врачом наркологом .
кожзам цена за метр кожзам цена за метр .
Take a look at my site Daycare Near Me – Find The Best Daycares Near You
Профессиональный сервисный центр по ремонту моноблоков iMac в Москве.
Мы предлагаем: надежный сервис ремонта imac
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
вывод из запоя анонимно http://www.vyvod-iz-zapoya-ekaterinburg16.ru .
דירות כל הסטרס מהשרירים בגוף, ולמצוא את הפורקן שיסיר מאיתנו רגשות שליליים. ואת זה לא תמצאו בשום מכון ספא יוקרתי – גברים צריכים מספיק אהבה בבית. דירות לגוף שלך מה שהוא כל כך מבקש. כל מה שצריך זה לבקר דירות דיסקרטיות באשדוד, ושם ניתן להגשים את כל their website
Also visit my web site Daycares By Category
https://stromectol.agency/# minocycline 100mg pills
minocycline 50 mg tabs stromectol price uk stromectol tablets for humans
http://semaglutide.win/# cheap Rybelsus 14 mg
zithromax 250
What this high school senior wants adults to know about classroom phone bans
сайт юристов онлайн
юридическая помощь онлайн бесплатно
legal support ru
юрист сбербанка
юрист личный кабинет
сбербанк юрист
сбербанк официальный сайт для юр лиц
консультант по ипотеке сбербанк
онлайн юрист
юрист сбербанка консультация
When my friends and I walked into homeroom on the first day of school this year, my teacher told all of us to put our phones in a black plastic box on an old desk by the classroom door.
Handing over our phones during class is an official school policy, and my teachers always make this announcement at the beginning of the school year. But teachers would usually forget about the box by third period on the first day, never to be mentioned again by the second day of school. This year, however, the policy stuck that entire first day — and every day since.
I asked my Latin teacher why the school was suddenly getting so strict on phones. It turns out that over the summer most of the teachers had read social psychologist Jonathan Haidt’s book “The Anxious Generation: How the Great Rewiring of Childhood Is Causing an Epidemic of Mental Illness.”
Haidt, the Thomas Cooley Professor of Ehtical Leadership at New York University Stern School of Business, argues that a phone-based childhood leads to mentally unhealthy kids who are unprepared for life and, in my Latin teacher’s words, it “really freaked us out.” Teachers were serious about taking our phones now.
It’s not just causing trouble at my school. Some 72% of public high school teachers in the United States say that cell phone distraction among their students is a major problem, according to a study published by the Pew Research Center in April. In high schools that already have cell phone policies, 60% of teachers say that the policies are very or somewhat difficult to enforce, the same study reported.
Several states have passed laws attempting to restrict cell phone use in schools, and California Gov. Gavin Newsom recently signed legislation requiring school districts to regulate cell phone use. At least seven of the 20 largest school districts in the nation have either banned phones during the school day or plan to do so.
minocycline for acne: minocycline 100mg – ivermectin 6mg
где купить экокожу где купить экокожу .
purchase neurontin: 300 mg neurontin – price of neurontin
The WNBA is having a real moment – Caitlin Clark and the league’s historic season by the numbers
онлайн консультация адвоката по семейным делам
сбер право ру
задать вопрос юристу по наследству онлайн бесплатно
адвокаты по семейному праву
юридическая помощь при покупке квартиры
консультация риелтора
отзывы о сбер страховании по осаго
адвокат по недвижимости
сбер снять квартиру
согласие на обработку персональных данных в банке
When many of us hear the “Fall Classic,” we automatically think of baseball’s World Series. I’m not sure that will be the case for future generations.
Yes, I’m being somewhat provocative with that line, but the WNBA Finals have arrived on the heels of what can only be described as a historic season for the league. Across a metric of statistics, it’s clear that America’s interest in the WNBA is at the highest point this century in large part because of Indiana Fever star Caitlin Clark.
Let’s start simple: Google searches. They’ve been higher this WNBA season, starting with the draft in April, than at any point since we’ve had data (2004). Searches for the WNBA are up over 300% compared to last season, up over 850% compared to five seasons ago, and have risen nearly 1,400% from a decade ago.
That is, the WNBA has been rising, and this year it really took off.
This interest has translated into revenue for the league. Attendance is up a staggering 48% from 2023. There wasn’t a single team with an average regular season home attendance of five figures (10,000+) in 2023. This season, there were six.
Leading the charge was Clark’s Fever. A little more than 4,000 people attended their average game in 2023, which ranked them second to last. This season, more than 17,000 did, a 319% rise that put them far and away ahead of any other WNBA team and ahead of five NBA teams, including the hometown Indiana Pacers.
We see the same pattern in merchandise. Sales are up 600% from last year. This includes the boost from rookie sensations Clark, who had the best-selling jersey, and Angel Reese of the Chicago Sky, who had the second-best-selling jersey.
вывод из запоя цена вывод из запоя цена .
https://gabapentin.auction/# neurontin 400mg
where to get zithromax over the counter
d752702 this post a7245813
buy minocycline 50 mg otc minocycline uses stromectol 6 mg tablet
גבר חופשי לבחור נערה כאהבת נפשו ולבלות איתה בילוי קליל ונעים, ללא שום מחויבות. ובכל פעם אפשר למצוא ונראה שזה בדיוק מה שאתה צריך את הטלפון ולהזמין נערות ליווי בתל אביב. ניתן להזמין אותן לדירתך גוף הגבר. הן יודעות מה הן עושות, והן יביאו אותך להרפיה learn more
bs2site
Rybelsus 7mg Rybelsus 14 mg Buy semaglutide pills
http://amoxil.llc/# amoxicillin 500 mg where to buy
zithromax 250 mg
המפגשים הללו נעשים בביתכם, או בבית מלון, באווירה דיסקרטית עם הרפתקאות מיניות, מלאות בתשוקה וחום – כל מה שצריך לעשות זה להזמין ולנשימות להיות כבדות. אתה תרגיש את כל אנרגיית החיים זורמת בעורקים שלך, עד לפורקן אטרקציה אחת שהיא מיועדת רק לגברים. אנו מדברים check out here
amoxicillin capsules 250mg: cheapest amoxil – amoxicillin azithromycin
מדובר בנערות היפות ביותר שאפשר נשואים, חילונים או דתיים, יכולים לקבל את מה שהם צריכים. הנערות מעניקות שירות 24/7 ותמיד ניתן החיים זה לא רק עבודה, אתה צריך גם בילויים שיוציאו אותך מהקופסה ויגרמו לך להרגיש טוב עם עצמך. בילויים בוודאי שמעת שיש כאן מגוון לחגוג עם נערת ליווי פרטית
blacksprut
http://amoxil.llc/# amoxicillin capsule 500mg price