透過網頁讀取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": []
}
}
}
Here is my web blog … Daycare Near Me, Cathy,
Решение судопроизводства по гражданским и уголовным делам, органов военной прокуратуры часто принимается на основании выводов судебной пожарно-технической экспертизы.
Моя экспертная помощь поможет вам определить места возникновения первоначального горения (очага, направления распространения горения, особенностей), механизма возникновения и развития горения, а также выявить обстоятельства возгорания, чтобы суд смог вынести правильное решение по делу: в получении компенсации за причиненный вам вред, в доказательстве непричастности к возгоранию и пр.
Судебная пожарно-техническая экспертизаСудебная пожарно-техническая экспертиза для установления причин возгорания пожара промышленных объектов, жилых домов, квартир, автомобильного транспорта (легкового и грузового) и т.д.
Судебное экспертное электротехническое исследованиеСудебное экспертное исследование систем электроснабжения на исследуемых объектах на соответствие требованиям монтажа и эксплуатации согласно с Правилам устройства электроустановок в Республике Казахстан.
Судебное экспертиза обстоятельств пожараСудебное экспертное исследование объектов для установления механизма и причин возникновения пожара.
Судебное экспертиза веществ и материаловСудебная экспертиза веществ и материалов на предмет определения горючести материалов и веществ и возможности их воспламенения и самовозгорания.
Судебное экспертное исследование нефтепродуктов и горюче-смазочных материаловСудебно – экспертное исследование нефтепродуктов и горюче-смазочных материалов на предмет их наличия на месте возникновения пожара.
mexican pharmaceuticals online: mexican pharma – mexico drug stores pharmacies
best online pharmacies in mexico
Профессиональный сервисный центр по ремонту плоттеров в Москве.
Мы предлагаем: ремонт плоттера в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту принтеров в Москве.
Мы предлагаем: починить принтер
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту объективов в Москве.
Мы предлагаем: объектив ремонт
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Hello, this weekend is good for me, as this point in time i am reading this fantastic informative paragraph here at my house.
https://viajar.elperiodico.com/guias/guia-panama-81079828
https://editionhh.co.uk/ab_ch.htm
Good day very nice blog!! Guy .. Beautiful .. Wonderful .. I’ll bookmark your blog and take the feeds also? I am glad to seek out a lot of useful information here within the publish, we want develop more strategies in this regard, thank you for sharing. . . . . .
https://viajar.elperiodico.com/guias/guia-panama-81079828
https://5stargamblingsites.com/
Viagra prix pharmacie paris Viagra generique en pharmacie Viagra vente libre pays
https://plasttrubkomplekt.ru/article/proizvodstvo-promyshlennyh-vodonagrevatelej.html
Как развеселить друга с помощью забавных приколов
Изучение древних методов лечения позволяет лучше понять, как наши предки боролись с различными заболеваниями, используя исключительно природные средства. Эти методы включали в себя использование трав, настоев, компрессов и других средств, которые помогали людям справляться с недугами без применения современной химии. Знания, передаваемые из поколения в поколение, продолжают оказывать влияние на современные подходы к лечению и оздоровлению.
Временная регистрация в Санкт-Петербурге: Быстро и Легально!
Ищете, где оформить временную регистрацию в СПБ?
Мы гарантируем быстрое и легальное оформление без очередей и лишних документов.
Ваше спокойствие – наша забота!
Минимум усилий • Максимум удобства • Полная легальность
Свяжитесь с нами прямо сейчас!
Временная регистрация в СПБ
Изучение древних методов лечения позволяет лучше понять, как наши предки боролись с различными заболеваниями, используя исключительно природные средства. Эти методы включали в себя использование трав, настоев, компрессов и других средств, которые помогали людям справляться с недугами без применения современной химии. Знания, передаваемые из поколения в поколение, продолжают оказывать влияние на современные подходы к лечению и оздоровлению.
Изучение древних методов лечения позволяет лучше понять, как наши предки боролись с различными заболеваниями, используя исключительно природные средства. Эти методы включали в себя использование трав, настоев, компрессов и других средств, которые помогали людям справляться с недугами без применения современной химии. Знания, передаваемые из поколения в поколение, продолжают оказывать влияние на современные подходы к лечению и оздоровлению.
Изучение древних методов лечения позволяет лучше понять, как наши предки боролись с различными заболеваниями, используя исключительно природные средства. Эти методы включали в себя использование трав, настоев, компрессов и других средств, которые помогали людям справляться с недугами без применения современной химии. Знания, передаваемые из поколения в поколение, продолжают оказывать влияние на современные подходы к лечению и оздоровлению.
Take a look at my web site … Explore Daycares Locations
trouver un mГ©dicament en pharmacie: Cialis sans ordonnance 24h – pharmacie en ligne
В народной медицине существует множество методов лечения абсцесса народными средствами, которые включают использование различных трав и настоев. Эти методы помогают уменьшить воспаление, снизить болевые ощущения и ускорить процесс заживления. Такие натуральные средства, как каланхоэ, алоэ и зверобой, обладают антисептическими и ранозаживляющими свойствами, что делает их эффективными в борьбе с абсцессами.
https://pharmaciepascher.pro/# pharmacie en ligne france livraison internationale
В народной медицине существует множество методов лечения абсцесса народными средствами, которые включают использование различных трав и настоев. Эти методы помогают уменьшить воспаление, снизить болевые ощущения и ускорить процесс заживления. Такие натуральные средства, как каланхоэ, алоэ и зверобой, обладают антисептическими и ранозаживляющими свойствами, что делает их эффективными в борьбе с абсцессами.
В народной медицине существует множество методов лечения абсцесса народными средствами, которые включают использование различных трав и настоев. Эти методы помогают уменьшить воспаление, снизить болевые ощущения и ускорить процесс заживления. Такие натуральные средства, как каланхоэ, алоэ и зверобой, обладают антисептическими и ранозаживляющими свойствами, что делает их эффективными в борьбе с абсцессами.
В народной медицине существует множество методов лечения абсцесса народными средствами, которые включают использование различных трав и настоев. Эти методы помогают уменьшить воспаление, снизить болевые ощущения и ускорить процесс заживления. Такие натуральные средства, как каланхоэ, алоэ и зверобой, обладают антисептическими и ранозаживляющими свойствами, что делает их эффективными в борьбе с абсцессами.
В народной медицине существует множество методов лечения абсцесса народными средствами, которые включают использование различных трав и настоев. Эти методы помогают уменьшить воспаление, снизить болевые ощущения и ускорить процесс заживления. Такие натуральные средства, как каланхоэ, алоэ и зверобой, обладают антисептическими и ранозаживляющими свойствами, что делает их эффективными в борьбе с абсцессами.
Как поддерживать хорошее настроение с помощью забавных приколов
Профессиональный сервисный центр по ремонту объективов в Москве.
Мы предлагаем: ремонт объектив фотоаппарат
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
7 simple secrets to eating the Mediterranean way
kraken войти
What if “diet” wasn’t a dirty word?
During Suzy Karadsheh’s childhood in Port Said, Egypt, diet culture was nonexistent.
“My parents emphasized joy at the table, rather than anything else,” Karadsheh said. “I grew up with Mediterranean lifestyle principles that celebrate eating with the seasons, eating mostly whole foods and above all else, sharing.”
But when Karadsheh moved to the United States at age 16, she witnessed people doing detoxes or restricting certain food groups or ingredients. Surrounded by that narrative and an abundance of new foods in her college dining hall, she says she “gained the freshman 31 instead of the freshman 15.” When she returned home to Egypt that summer, “I eased back into eating the Mediterranean food that I grew up with. During the span of about two months, I shed all of that weight without thinking I was ever on a diet.”
To help invite joy back to the table for others — and to keep her family’s culinary heritage alive for her two daughters (now 14 and 22) — Atlanta-based Karadsheh launched The Mediterranean Dish food blog 10 years ago. Quickly, her table started getting filled with more than just her friends and family.
“I started receiving emails from folks whose doctors had prescribed the Mediterranean diet and were seeking approachable recipes,” Karadsheh said. The plant-based eating lifestyle, often rated the world’s best diet, can reduce the risk for diabetes, high cholesterol, dementia, memory loss and depression, according to research. What’s more, the meal plan has been linked to stronger bones, a healthier heart and longer life.
Preparing meals the Mediterranean way, according to Karadsheh, can help you “eat well and live joyfully. To us, ‘diet’ doesn’t mean a list of ‘eat this’ and ‘don’t eat that.’” Instead of omission, Karadsheh focuses on abundance, asking herself, “what can I add to my life through this way of living? More whole foods, vegetables, grains, legumes? Naturally, when you add these good-for-you ingredients, you eat less of what’s not as health-promoting,” she told CNN.