透過網頁讀取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": []
}
}
}
pg slot mahjong
PORTAL DIGITAL PAFI: Fungsi Penting Farmasi di Dunia Digital
Profil Singkat PAFI
Sejak kemerdekaan Indonesia, para Apoteker aktif berkontribusi dalam pengembangan sistem kesehatan. Berdirinya Persatuan Ahli Farmasi Indonesia (PAFI) menjadi tonggak penting sebagai asosiasi di bidang farmasi. Berazaskan Pancasila, PAFI bertekad untuk:
• Meningkatkan taraf kesehatan rakyat
• Menyempurnakan bidang farmasi di Tanah Air
• Menunjang kondisi para anggota
Sistem Digital PAFI: Terobosan Modern untuk Farmasi Modern
Menjawab kebutuhan digital, PAFI menghadirkan sistem terintegrasi ini – platform inovatif yang memfasilitasi profesi kefarmasian melalui:
? Update Terbaru – Akses peraturan farmasi, riset mutakhir, dan kesempatan profesional
? Pengembangan Kompetensi – Layanan pembelajaran jarak jauh
? Jejaring Profesional – Sarana kerjasama se-Indonesia
Sistem digital ini meningkatkan peran PAFI dalam memajukan kesehatan nasional melalui penerapan inovasi digital.
Peluang Kefarmasian Era Digital
Adanya sistem terintegrasi ini menjadi bukti transformasi digital dalam profesi farmasi. Dengan selalu menyempurnakan fasilitas yang ada, PAFI bertekad untuk:
• Memacu terobosan dalam farmasi
• Menyempurnakan kriteria keahlian
• Mempermudah pelayanan kesehatan publik
Kesimpulan
PAFI dengan adanya WEB PAFI Terintegrasi terus menjadi pionir dalam menjembatani perkembangan teknis dengan praktik farmasi profesional. Inisiatif ini bukan sekadar mengokohkan posisi ahli farmasi, tetapi juga berperan aktif bagi pembangunan kesehatan di Indonesia di masa modern.
https://usacanadapharm.com/# best online canadian pharmacy
https://usacanadapharm.com/# USACanadaPharm
best canadian online pharmacy USACanadaPharm USACanadaPharm
best rated canadian pharmacy canadian drugs drugs from canada
My blog post :: pokertube – watch free poker videos & tv shows
Amazing issues here. I am very glad to see your post. Thanks so much and I’m looking ahead to touch you. Will you kindly drop me a mail?
https://myworldgo.com/forums/topic/210538/promo-code-for-1x-bet-vip-bonus-up-to-130/view/post_id/2245549
Thanks for the unique tips shared on this blog. I have noticed that many insurance agencies offer shoppers generous savings if they decide to insure multiple cars together. A significant amount of households possess several automobiles these days, particularly those with more aged teenage young children still residing at home, as well as the savings upon policies could soon mount up. So it is good to look for a good deal.
usa canada pharm: canada drugs online – USACanadaPharm
pg slot mahjong
PORTAL DIGITAL PAFI: Peran Strategis Farmasi dalam Era Digital
Profil Singkat PAFI
Sejak Indonesia merdeka, para Tenaga Kefarmasian memberikan andil dalam pembangunan kesehatan nasional. Kehadiran organisasi profesi farmasi ini menjadi tonggak penting sebagai asosiasi di bidang farmasi. Berazaskan Pancasila, PAFI berkomitmen untuk:
• Memajukan taraf kesehatan rakyat
• Menyempurnakan bidang farmasi di Tanah Air
• Menunjang kondisi para anggota
Platform Terpadu PAFI: Inovasi Teknologi untuk Kefarmasian Masa Kini
Menghadapi tantangan era digital, PAFI memperkenalkan sistem terintegrasi ini – terobosan teknologi yang menunjang profesi kefarmasian melalui:
? Informasi Terkini – Ketersediaan peraturan farmasi, temuan terbaru, dan kesempatan profesional
? Peningkatan Kemampuan – Layanan pelatihan dan sertifikasi daring
? Jaringan Ahli – Media sinergi bagi seluruh ahli farmasi
Inovasi teknologi ini memperkuat kontribusi PAFI dalam memajukan sistem kesehatan melalui adaptasi perkembangan teknologi.
Masa Depan Dunia Farmasi Modern
Adanya sistem terintegrasi ini menandai revolusi teknologi dalam bidang apoteker. Dengan terus mengembangkan fitur dan layanan, PAFI berjanji untuk:
• Mendorong inovasi pelayanan kefarmasian
• Menyempurnakan kriteria keahlian
• Memperluas akses kesehatan masyarakat
Kesimpulan
PAFI dengan adanya platform digital ini konsisten memimpin dalam menghubungkan inovasi digital dengan pekerjaan apoteker. Terobosan ini bukan sekadar memperkuat peran tenaga kefarmasian, tetapi juga berkontribusi nyata bagi peningkatan kesehatan nasional pada zaman teknologi.
https://tgstat.ru/channel/@VavadaRuGame/1024
http://usacanadapharm.com/# usa canada pharm
Автоперевозки из Китая https://ramenskoe-forum.smartbb.ru/viewtopic.php?t=209 доставка грузов по РФ и странам СНГ. Сборные и индивидуальные партии, оформление, отслеживание и страхование. Быстро, надёжно, под ключ.
need a move? http://moversmia.com turnkey: packing, loading, transport, insurance and support. Without stress and with a guarantee of the safety of your property.
Zelite li se odmoriti? https://www.booking-zabljak.com Rezervirajte udoban hotel u centru ili u podnozju planina. Odlican izbor za skijanje i ljetovanje. Jamstvo rezervacije i stvarne recenzije.
Need real estate? montenegro luxury real estate villas, houses and apartments in Budva, Kotor, Tivat and on the coast. Profitable investment, sea view, safety and comfort in the south of Europe.
USACanadaPharm: USACanadaPharm – usa canada pharm
USACanadaPharm: USACanadaPharm – USACanadaPharm
USACanadaPharm: canadian pharmacy online ship to usa – usa canada pharm
usa canada pharm: northern pharmacy canada – reputable canadian online pharmacy
Do you mind if I quote a few of your posts as long as I provide credit and sources back to your blog? My blog is in the exact same area of interest as yours and my visitors would truly benefit from some of the information you provide here. Please let me know if this okay with you. Thank you!
USACanadaPharm: usa canada pharm – canadian world pharmacy
usa canada pharm: usa canada pharm – cheap canadian pharmacy online
canadian pharmacy ltd: USACanadaPharm – canadian pharmacy near me
http://usacanadapharm.com/# canadapharmacyonline legit
https://usacanadapharm.com/# reputable canadian pharmacy
http://usacanadapharm.com/# canadian pharmacies compare
http://usacanadapharm.com/# best canadian pharmacy online
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
northwest canadian pharmacy canadian pharmacy ed medications legit canadian pharmacy