透過網頁讀取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": []
}
}
}
online pharmacy india Indian pharmacy online п»їlegitimate online pharmacies india
Сервисный центр предлагает ремонт fujifilm finepix jz500 в петербурге ремонт fujifilm finepix jz500
диплом о высшем образовании старого образца купить [url=https://realdiplom.ru/]диплом о высшем образовании старого образца купить[/url] .
где можно купить диплом об образовании где можно купить диплом об образовании .
Conoce la carrera de Marcelo en el Real Madrid y su historia familiar | Descubre los secretos de la longevidad de Marcelo en el futbol | Explora los suenos y metas de Marcelo fuera del campo | Explora como Marcelo ha mantenido su rendimiento con el tiempo | Informate sobre la influencia de Marcelo en el futbol mundial | Descubre el talento y disciplina de Marcelo en el futbol | Conoce los valores y principios que guian a Marcelo en su carrera | Informate sobre el apoyo y motivacion de Marcelo a sus companeros | Descubre los momentos inolvidables de Marcelo en el futbol, logros de Marcelo Logros de Marcelo</url].
где купить диплом о среднем профессиональном man-diploms.ru .
mexico drug stores pharmacies: mexico pharmacy – buying prescription drugs in mexico online
купить диплом с занесением в реестр в ижевске [url=https://realdiplom.ru/]купить диплом с занесением в реестр в ижевске[/url] .
поддельный аттестат [url=https://realdiplom.ru/]поддельный аттестат[/url] .
диплом о высшем образовании купить в спб диплом о высшем образовании купить в спб .
Как официально купить аттестат 11 класса с упрощенным обучением в Москве
Быстрая схема покупки диплома старого образца: что важно знать?
errectile disfunction: cheaper medications – erection pills online
Сервисный центр предлагает ремонт umidigi power 7 max ремонт umidigi power 7 max
http://indianpharm24.pro/# indian pharmacy paypal
online prescription for ed meds
Как получить диплом техникума официально и без лишних проблем
Пошаговая инструкция по безопасной покупке диплома о высшем образовании
Как оказалось, купить диплом кандидата наук не так уж и сложно
Диплом пту купить официально с упрощенным обучением в Москве
купить диплом специалиста в нижнем новгороде realdiplom.ru .
Как не стать жертвой мошенников при покупке диплома о среднем полном образовании
п»їlegitimate online pharmacies india: Pharmacies in India that ship to USA – Online medicine home delivery
Ukrainian President Volodymyr Zelensky will meet US President Joe Biden and Vice President Kamala Harris in Washington on Thursday. Leon Neal/Getty Images
CNN
—
Ukrainian President Volodymyr Zelensky’s visit to the White House on Thursday could be his final chance to convince a receptive American president of his country’s war aims.
[url=https://mega555kf7lsmb54yd6etzginolhxxi4ytdoma2rf77ngq5fhcnid.com]megaweb19.com[/url]
The precise details of the “victory plan” Zelensky plans to present in separate meetings to President Joe Biden and Vice President Kamala Harris are unknown, having been closely held until they are presented to the American leaders.
But according to people briefed on its broad contours, the plan reflects the Ukrainian leader’s urgent appeals for more immediate help countering Russia’s invasion. Zelensky is also poised to push for long-term security guarantees that could withstand changes in American leadership ahead of what is widely expected to be a close presidential election between Harris and former President Donald Trump.
The plan, people familiar with it said, acts as Zelensky’s response to growing war weariness even among his staunchest of western allies. It will make the case that Ukraine can still win — and does not need to cede Russian-seized territory for the fighting to end — if enough assistance is rushed in.
That includes again asking permission to fire Western provided long-range weapons deeper into Russian territory, a line Biden once was loathe to cross but which he’s recently appeared more open to as he has come under growing pressure to relent.
Even if Biden decides to allow the long-range fires, it’s unclear whether the change in policy would be announced publicly.
Biden is usually apt to take his time making decisions about providing Ukraine new capabilities. But with November’s election potentially portending a major change in American approach to the war if Trump were to win, Ukrainian officials — and many American ones — believe there is little time to waste.
мега ссылка
https://megaweb17at.com
Trump has claimed he will be able to “settle” the war upon taking office and has suggested he’ll end US support for Kyiv’s war effort.
“Those cities are gone, they’re gone, and we continue to give billions of dollars to a man who refused to make a deal, Zelensky. There was no deal that he could have made that wouldn’t have been better than the situation you have right now. You have a country that has been obliterated, not possible to be rebuilt,” Trump said during a campaign speech in Mint Hill, North Carolina, on Wednesday.
Comments like those have lent new weight to Thursday’s Oval Office talks, according to American and European officials, who have described an imperative to surge assistance to Ukraine while Biden is still in office.
As part of Zelensky’s visit, the US is expected to announce a major new security package, thought it will likely delay the shipping of the equipment due to inventory shortages, CNN previously reported according to two US officials. On Wednesday, the US announced a package of $375 million.
The president previewed Zelensky’s visit to the White House a day beforehand, declaring on the margins of the United Nations General Assembly his administration was “determined to ensure that Ukraine has what it needs to prevail in fight for survival.”
[url=https://megaweb-14at.com]megaweb11.com[/url]
“Tomorrow, I will announce a series of actions to accelerate support for Ukraine’s military – but we know Ukraine’s future victory is about more than what happens on the battlefield, it’s also about what Ukrainians do make the most of a free and independent future, which so many have sacrificed so much for,” he said.
https://indianpharm24.pro/# india pharmacy mail order
new ed treatments
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
staletsa.flybb.ru/viewtopic.php?f=2&t=991
Для тех, кто хочет перевезти груз Новосибирск Красноярск, наш сервис обеспечит вам оптимальный маршрут.
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
ed treatment pills http://pharm24.pro/# non prescription ed pills
Как оказалось, купить диплом кандидата наук не так уж и сложно
Приобретение диплома ПТУ с сокращенной программой обучения в Москве