透過網頁讀取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": []
}
}
}
newretrocasino http://www.newretrocasino-casino3.ru/ .
Наш сервис — это не просто подбор микрозаймов, это комплексная поддержка и помощь на всех этапах процесса кредитования. Мы предоставляем своим клиентам прозрачные и понятные условия, чтобы они могли принимать обоснованные решения.
микрокредит казахстан микрозайм онлайн .
Профессиональный сервисный центр по ремонту телефонов в Москве.
Мы предлагаем: срочный ремонт телефона
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
ретро казино ретро казино .
Профессиональный сервисный центр по ремонту телефонов в Москве.
Мы предлагаем: ремонт старых телефонов
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://1winindia.tech/# pin up kz
пинап казино
Диплом пту купить официально с упрощенным обучением в Москве
bahchisaray.org.ua/index.php?showtopic=34170
нью ретро казино нью ретро казино .
нев ретро казино https://www.newretrocasino-casino3.ru .
Enjoy fast-paced gameplay and big wins at taya365, the ultimate online gaming platform.
Полезные советы по безопасной покупке диплома о высшем образовании
retrocasino http://newretrocasino-casino3.ru .
Great site! I recommend it to everyone!vapes
Как купить диплом о высшем образовании с минимальными рисками
Как приобрести диплом о среднем образовании в Москве и других городах
mediamemorial.ru/club/user/125807/forum/message/4805/14287/#message14287
Как получить диплом о среднем образовании в Москве и других городах
Как приобрести диплом техникума с минимальными рисками
offmarketbusinessforsale.com/kupit-diplom-146200pyny
Легальные способы покупки диплома о среднем полном образовании
worldgonews.ru/gde-nayti-diplom-ob-obrazovanii-s-garantiey
пин ап кз: пин ап кз – пин ап казино
The mysterious symbols found carved in Qatar’s desert
жесткий анальный секс
Some shoot out of the soft rock like reptiles bathing in the sun. Others are mysterious depressions resembling an ancient board game played all over the world. And a few are straight-up puzzling.
On a desolate and windswept corner of Qatar’s northeastern coast, among the sand dunes of the barren desert, lies Al Jassasiya, the Gulf country’s largest and most important rock art site.
Here, people centuries ago used a series of low-lying limestone outcrops as a canvas on which they carved symbols, motifs and objects that they observed in their environment.
Overall, archaeologists have found a total of some 900 rock carvings, or “petroglyphs,” at Al Jassasiya. They are mostly enigmatic cup marks arranged in various patterns, including rows and rosettes, but also eye-catching representations of sailing ships, usually seen from above but also depicted in linear profile, among other symbols and signs.
“Although rock art is common in the Arabian Peninsula, some of the carvings in Al Jassasiya are unique and cannot be found anywhere else,” Ferhan Sakal, head of excavation and site management at Qatar Museums, told CNN, referring to the petroglyphs of ships seen from a bird’s-eye view.
“These carvings represent a high degree of creativity and observation skills the part of] the artists who made them,” he said. “Also abstract thinking, as they were not able to see the dhow (a traditional ship) from above.”
Riobet
Riobet
Полезная информация как купить диплом о высшем образовании без рисков
Как официально приобрести аттестат 11 класса с минимальными затратами времени
saros-center.ru/forum/?PAGE_NAME=profile_view&UID=6040
Riobet
Тема «Четыре типа в Дизайне Человека» важна для понимания не только на теоретическом, но и на практическом уровне. Этот инструмент самопознания помогает каждому из нас осознать свою природу и использовать индивидуальные особенности для улучшения качества жизни. Рассмотрим рационально-практическую сторону каждого из типов, их определения и различия.
Все о Дизайне Человека – Дизайн Человека
Первый тип в Дизайне Человека – это Генератор. Он отличаются высокой энергетичностью и способностью легко и эффективно завершать начатые задачи. Этот тип создан для работы, и его главное стремление — заниматься тем, что приносит удовольствие. Генератор начинает действовать, когда ощущает внутренний отклик. Основное отличие Генераторов в том, что они заряжают себя и других энергией, если действуют в соответствии с внутренним откликом.
Второй тип — это Манифестор. Этот тип уникален своей независимостью и способностью инициировать действия. Они не нуждаются в отклике, как Генераторы, и могут сразу принимать решения и действовать. Манифесторы не подчиняются внешним обстоятельствам, а сами создают свою реальность. Практическая сторона их природы проявляется в том, что они способны запускать процессы и вдохновлять окружающих.
Не менее значимая категория — Проектор. Проекторы лучше всего проявляют себя в роли наблюдателей и стратегов. Они нуждаются в приглашении, прежде чем начать действовать, и могут эффективно использовать энергию, когда работают с другими людьми. Индивидуальная особенность Проектора заключается в умении работать с чужой энергией и направлять ее. Их рациональное предназначение – это оптимизация работы других типов.
Последний, но не менее важный тип — Рефлектор. Они лучше всего ощущают общие тенденции и могут объективно оценивать ситуацию. Индивидуальная особенность Рефлектора заключается в том, что они полностью зависят от окружающего мира и людей. Рефлекторы могут стать прекрасными аналитиками, так как они замечают мельчайшие изменения.
Итак, подведем итог: Каждый из четырех типов в Дизайне Человека имеет свои индивидуальные особенности, которые помогают им максимально эффективно взаимодействовать с миром. Понимание своего типа и его практического предназначения позволяет лучше организовать жизнь, выбрать правильные направления для работы и улучшить качество личных отношений.
Всё, что нужно знать о покупке аттестата о среднем образовании без рисков
A giant meteorite boiled the oceans 3.2 billion years ago. Scientists say it was a ‘fertilizer bomb’ for life
мальчик гей
A massive space rock, estimated to be the size of four Mount Everests, slammed into Earth more than 3 billion years ago — and the impact could have been unexpectedly beneficial for the earliest forms of life on our planet, according to new research.
Typically, when a large space rock crashes into Earth, the impacts are associated with catastrophic devastation, as in the case of the demise of the dinosaurs 66 million years ago, when a roughly 6.2-mile-wide (10-kilometer) asteroid crashed off the coast of the Yucatan Peninsula in what’s now Mexico.
But Earth was young and a very different place when the S2 meteorite, estimated to have 50 to 200 times more mass than the dinosaur extinction-triggering Chicxulub asteroid, collided with the planet 3.26 billion years ago, according to Nadja Drabon, assistant professor of Earth and planetary sciences at Harvard University. She is also lead author of a new study describing the S2 impact and what followed in its aftermath that published Monday in the journal Proceedings of the National Academy of Sciences.
“No complex life had formed yet, and only single-celled life was present in the form of bacteria and archaea,” Drabon wrote in an email. “The oceans likely contained some life, but not as much as today in part due to a lack of nutrients. Some people even describe the Archean oceans as ‘biological deserts.’ The Archean Earth was a water world with few islands sticking out. It would have been a curious sight, as the oceans were probably green in color from iron-rich deep waters.”
When the S2 meteorite hit, global chaos ensued — but the impact also stirred up ingredients that might have enriched bacterial life, Drabon said. The new findings could change the way scientists understand how Earth and its fledgling life responded to bombardment from space rocks not long after the planet formed.
Покупка школьного аттестата с упрощенной программой: что важно знать
laviehub.com/blog/kupit-diplom-339575zbng
Официальное получение диплома техникума с упрощенным обучением в Москве