透過網頁讀取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": []
}
}
}
Покупка диплома о среднем полном образовании: как избежать мошенничества?
http://lisinopril1st.com/# cheapest Lisinopril
My website :: Daycares popular listings (Mirta)
They’ve sailed across Southeast Asia for centuries. Now, these sea nomads are being forced to live on land
[url=https://skupkoff.ru]скупка тепловизионных прицелов[/url]
Bilkuin Jimi Salih doesn’t remember how old he was when he learned to dive, only, that all the men in his family can do it.
It might have been his grandfather who taught him, or his father, or even an uncle or cousin. He recalls swimming dozens of feet underwater among the reefs, collecting spider conches, abalone and sea cucumbers to sell at the local fish market.
“One of our specialties is that, because we live on the sea and we’re always in the sea, we can dive in the water for a long time,” says Salih, via a translator. “We learn by observing, and from there, we develop our own technique.”
To most people, Salih’s free diving skills are highly unusual; but not to his community. Salih is Bajau Laut, an indigenous seafaring group in Southeast Asia that has lived a semi-nomadic lifestyle on the ocean for centuries. Living on boats and fishing for income and sustenance, the Bajau Laut aren’t just reliant on the sea: they’re biologically adapted to it, with larger spleens that give them the ability to hold their breath for far longer than the average person.
“We’re very comfortable in the water,” says Salih. The 20-year-old was born on board a lepa, a type of houseboat, on the shore of Omadal Island, off the coast of Semporna in Malaysian Borneo.
Легальная покупка диплома о среднем образовании в Москве и регионах
prestig.flybb.ru/viewtopic.php?f=11&t=64
Как получить диплом стоматолога быстро и официально
Freedom Appliances
Highest quality service in the Calgary !
[url=https://calgaryrepairappliances.ca/]Calgary fridge repair[/url]
Freedom Appliances serve all brands of major appliances in Calgary.
Appliance Repair Services Calgary – are services where a qualified technician will come to you home to diagnose, recommend, and repair a common household appliance. The cost of appliance repair services includes a trip charge, labor, and replacement parts. Since the cost is not insignificant, most people elect to repair their larger appliances including washer, dryer, oven, cooktop, dishwasher, and refrigerator where the cost of replacement is high.
When you call Calgary Appliance Repair, one of our friendly staff members will great you and schedule an appointment, depending on what times work best for you. One of our experienced technicians will arrive at your home and give you a complete diagnosis.
Appliance Repair Services Calgary
Have you been looking for an appliance repair service in Calgary? At Freedom Appliances, we can fix your appliances in a timely manner. Our appliance repair services in Calgary are the number one choice if you need fast and effective repairs. Our technicians have all of the necessary tools to complete almost any appliance repair repair service in Calgary. We will be able to get your appliances working again in no time at all!
Our professional technicians will diagnose the issue with your appliance. And then we’ll come up with the best, most cost effective solution. Because we have everything on hand, we complete a simple repair job or replace a part. Freedom Appliances always provide the costs upfront. We operate with transparency. Our technician won’t begin your Calgary repair services until you give us the green light.
And you won’t find another company that has better customer service than us, we promise! We want our customers to feel satisfied with their appliance repair services in Calgary so much that they would recommend us to their friends and family members. If there are any issues or problems with our work, we will make sure it gets resolved as soon as possible. There is nothing more important than making sure our customers are happy!
When it comes to delivering the best appliance repair services in Calgary, Freedom Appliances are the best. Call Freedom Appliances today for quality appliance repair services on your home appliances – Calgary. At Freedom Appliances, your satisfaction is our priority.
my blog … online dating for teens
Как получить диплом о среднем образовании в Москве и других городах
Аттестат 11 класса купить официально с упрощенным обучением в Москве
Сколько стоит диплом высшего и среднего образования и как его получить?
Сколько стоит получить диплом высшего и среднего образования легально?
Процесс получения диплома стоматолога: реально ли это сделать быстро?
Also visit my homepage; high stake poker
http://plavixclo.com/# п»їplavix generic
Как оказалось, купить диплом кандидата наук не так уж и сложно
stromectol online: buy Stromectol – stromectol 3mg
buy priligy: dapoxetine online – dapoxetine price
minocycline 100 mg without doctor generic Stromectol minocycline 50 mg para que sirve
Feel free to visit my blog … Daycare Near Me – Find The Best Daycares Near You
фонтбет фонтбет .
lisinopril1st Lisinopril 1st lisinopril1st
lisinopril1st: buy Lisinopril 1st – Lisinopril 1st
Официальная покупка диплома вуза с сокращенной программой в Москве
Узнайте, как приобрести диплом о высшем образовании без рисков
Купить диплом старого образца, можно ли это сделать по быстрой схеме?
Как официально купить аттестат 11 класса с упрощенным обучением в Москве
Приобретение школьного аттестата с официальным упрощенным обучением в Москве
kyevlyn.ukrbb.net/viewtopic.php?f=10&t=12962
Как официально купить аттестат 11 класса с упрощенным обучением в Москве
Сколько стоит диплом высшего и среднего образования и как его получить?