透過網頁讀取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": []
}
}
}
Leading with integrity on the international front.
how to get generic cipro without dr prescription
A model pharmacy in terms of service and care.
I value the personal connection they forge with patrons.
buying generic cytotec online
They take the hassle out of international prescription transfers.
most reliable online pharmacy
Their medication therapy management is top-notch.
how to get generic cytotec without dr prescription
Their international health workshops are invaluable.
Seattle Limo Service: Your Top-Tier Choice for Luxury Transportation
Experience the epitome of luxury and reliability with Seattle Limo Service , your premier partner for exceptional ground transportation in Washington. We pride ourselves on offering a top-of-the-line fleet that sets the standard for comfort, style, and safety.
Why Choose Seattle Limo Service?
Seattle Limousine Is number One For Premium Limousine Services In Washington . Our commitment to excellence is evident in every aspect of our service. We understand that our clients expect the best, and we strive to exceed those expectations with our meticulously maintained vehicles and professionally trained chauffeurs.
Our Fleet
Our top-of-the-line fleet includes a diverse range of luxury vehicles designed to cater to various needs and preferences. From sleek sedans perfect for corporate travel to spacious SUVs for family outings, and luxurious stretch limousines for special occasions, we have the ideal vehicle for every event. Each vehicle is equipped with state-of-the-art amenities to ensure your journey is as enjoyable as your destination.
Long Distance Transportation
In addition to our local services, we specialize in Seattle long-distance transportation . Whether you need a ride to the airport, a business meeting in a neighboring city, or a weekend getaway, our long-distance services ensure you travel in unmatched comfort and style. Our chauffeurs are experienced in navigating long routes efficiently, guaranteeing a smooth and stress-free journey.
Corporate and Special Events
Seattle Limo Service is the go-to choice for corporate travel and special events. Our professional chauffeurs ensure punctuality and discretion, making us the ideal choice for business meetings, conferences, and executive travel. For special occasions like weddings, proms, and anniversaries, our elegant fleet and personalized service add a touch of sophistication to your celebrations.
Commitment to Safety and Excellence
Safety is our top priority. All our vehicles undergo rigorous maintenance checks, and our chauffeurs are thoroughly vetted and trained to provide a secure and reliable experience. We adhere to the highest industry standards to ensure your peace of mind.
Book Your Luxury Ride Today
Discover the unparalleled luxury and reliability of Seattle Limo Service . Whether you need a quick ride across town or Seattle long-distance transportation , our top-of-the-line fleet and exceptional service make us the number one for premium limousine services in Washington . Book your ride today and experience the difference with Seattle Limo Service.
Contact us for more information or to reserve your luxury transportation. We look forward to serving you with the finest limousine service in Seattle.
They set the tone for international pharmaceutical excellence.
can i buy generic lisinopril without insurance
Get here.
Always attuned to global health needs.
https://cipropharm24.top/
They bridge global healthcare gaps seamlessly.
Элегантные ковры для любого интерьера, ковровое покрытие.
Лучшие варианты ковров для вашего дома, по выгодной цене.
Эко-дизайн: ковры из натуральных материалов, выбирайте.
Ковры, которые подчеркнут вашу индивидуальность, стиль.
Безопасные и яркие ковры для детской, добавьте.
Декоративные ковры для любого стиля, долговечность.
Создание комфортного рабочего пространства с коврами, стиль.
Неприхотливые ковры для занятых людей, удобство.
Как выбрать идеальный ковер?, узнайте.
Защита от холода с помощью ковров, необходимый стиль.
Тенденции в мире ковров, следите.
Ковры для загородного дома, красоту.
Идеи по использованию ковров, откройте.
Ковры: от классики до модерна, найдите.
Создайте атмосферу уюта в спальне, дизайны.
Ковры от известных брендов, инвестируйте.
Мои любимые ковры для зоолюбителей, решения.
Ковры, которые сохраняют тепло, найдите.
Как использовать ковры для зонирования, узнайте.
коврики из ковра https://kovry-v-moskve.ru/ .
They simplify global healthcare.
https://cytotecpharm24.top/
They have a fantastic range of supplements.
my blog … Daycares popular listings
Here is my website; Free poker
Consistent service, irrespective of borders.
how to buy cipro price
Their global health resources are unmatched.
see here now https://web-multibit.org/
The widest range of international brands under one roof.
can i buy generic cipro pill
Always ahead of the curve with global healthcare trends.
Your blog post was a much-needed reminder to slow down and appreciate the little things in life. Thank you for the dose of positivity!
browse around here https://web-multibit.org
A reliable pharmacy in times of emergencies.
get generic cipro prices
They’re globally renowned for their impeccable service.
Their multilingual support team is a blessing.
gabapentin and concerta interactions
Their global health resources are unmatched.
websites https://web-multibit.org/
bca4fm
Their global health insights are enlightening.
gabapentin koira sivuvaikutus
Their staff is always eager to help and assist.
They have strong partnerships with pharmacies around the world.
gabapentin gastrointestinal side effects
They’re reshaping international pharmaceutical care.
What?s Taking place i’m new to this, I stumbled upon this I’ve found It positively useful and it has aided me out loads. I am hoping to give a contribution & assist different customers like its aided me. Great job.
The children’s section is well-stocked with quality products.
lisinopril alternatives no prescription
Impressed with their wide range of international medications.
They take the hassle out of international prescription transfers.
can i order cheap clomid price
Their international supply chain ensures no medication shortages.
They take the hassle out of international prescription transfers.
gabapentin withdrawal webmd
A pharmacy that prioritizes global health.
Unrivaled in the sphere of international pharmacy.
can it be bought without prescription?lisinopril
They offer great recommendations on vitamins.
Their worldwide delivery system is impeccable.
can i purchase cheap lisinopril tablets
A pharmacy that truly values its patrons.
Always responsive, regardless of time zones.
buy clomid prices
They make international medication sourcing a breeze.
online pharmacy review