透過網頁讀取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
WEB PAFI TERINTEGRASI: Peran Strategis Farmasi di Dunia Digital
Mengenal PAFI
Pasca kemerdekaan RI, para Apoteker memberikan andil dalam pengembangan sistem kesehatan. Kehadiran Persatuan Ahli Farmasi Indonesia (PAFI) menjadi langkah strategis sebagai asosiasi di bidang farmasi. Berlandaskan Pancasila, PAFI berkomitmen untuk:
• Memajukan taraf kesehatan rakyat
• Mengembangkan bidang farmasi di Tanah Air
• Memperbaiki kondisi para anggota
Platform Terpadu PAFI: Terobosan Modern untuk Farmasi Modern
Menyongsong revolusi digital, PAFI meluncurkan sistem terintegrasi ini – solusi canggih yang memfasilitasi praktik farmasi profesional melalui:
? Update Terbaru – Ketersediaan peraturan farmasi, riset mutakhir, dan prospek pekerjaan
? Pelatihan Profesional – Fasilitas pelatihan dan sertifikasi daring
? Komunitas Praktisi – Sarana kerjasama nasional
Platform ini meningkatkan peran PAFI dalam meningkatkan sistem kesehatan melalui penerapan inovasi digital.
Masa Depan Kefarmasian Era Digital
Adanya WEB PAFI Terintegrasi menandai transformasi digital dalam profesi farmasi. Dengan konsisten memutakhirkan fasilitas yang ada, PAFI bertekad untuk:
• Menggalakkan pembaruan layanan farmasi
• Menyempurnakan standar profesional
• Meningkatkan pelayanan kesehatan publik
Kesimpulan
PAFI dengan adanya WEB PAFI Terintegrasi konsisten memimpin dalam memadukan inovasi digital dengan dunia kefarmasian. Terobosan ini bukan sekadar mengokohkan posisi tenaga kefarmasian, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa di era digital.
Онлайн-портал для женщин https://fancywoman.kyiv.ua которые ценят себя и стремятся к лучшему. Всё о внутренней гармонии, внешнем блеске и жизненном балансе — будь в центре женского мира.
Женский портал https://elegantwoman.kyiv.ua о красоте, моде, здоровье, отношениях и вдохновении. Полезные статьи, советы экспертов, лайфхаки и свежие тренды — всё для современной женщины.
USA India Pharm: UsaIndiaPharm – USA India Pharm
Авто журнал онлайн https://comparecarinsurancerfgj.org свежие новости, обзоры моделей, тест-драйвы, советы и рейтинг автомобилей. Всё о мире авто в одном месте, доступно с любого устройства.
Современный авто журнал https://ecotech-energy.com в онлайн-формате для тех, кто хочет быть в курсе автомобильных трендов. Новости, тесты, обзоры и аналитика — всегда под рукой.
USA India Pharm: USA India Pharm – USA India Pharm
USA India Pharm: indian pharmacy paypal – USA India Pharm
UsaIndiaPharm reputable indian pharmacies online pharmacy india
UsaIndiaPharm: world pharmacy india – USA India Pharm
UsaIndiaPharm: best online pharmacy india – mail order pharmacy india
USA India Pharm: UsaIndiaPharm – USA India Pharm
best india pharmacy: best india pharmacy – indian pharmacy paypal
pg slot mahjong
PORTAL DIGITAL PAFI: Kontribusi Utama Farmasi di Dunia Digital
Mengenal PAFI
Sejak kemerdekaan Indonesia, para Ahli Farmasi aktif berkontribusi dalam pengembangan sistem kesehatan. Kehadiran Persatuan Ahli Farmasi Indonesia (PAFI) menjadi langkah strategis sebagai asosiasi di bidang farmasi. Berdasarkan Pancasila, PAFI berkomitmen untuk:
• Mengembangkan derajat kesehatan masyarakat
• Menyempurnakan kefarmasian nasional
• Meningkatkan kesejahteraan anggota
Platform Terpadu PAFI: Solusi Digital untuk Farmasi Modern
Menjawab kebutuhan digital, PAFI menghadirkan platform digital ini – platform inovatif yang memfasilitasi profesi kefarmasian melalui:
? Update Terbaru – Kemudahan mendapatkan peraturan farmasi, temuan terbaru, dan prospek pekerjaan
? Pengembangan Kompetensi – Program pelatihan dan sertifikasi daring
? Komunitas Praktisi – Sarana kerjasama nasional
Platform ini memaksimalkan sumbangsih PAFI dalam mengembangkan kesehatan nasional melalui pemanfaatan teknologi terkini.
Peluang Kefarmasian Era Digital
Adanya sistem terintegrasi ini menandai revolusi teknologi dalam dunia kefarmasian. Dengan selalu menyempurnakan fasilitas yang ada, PAFI berjanji untuk:
• Memacu pembaruan layanan farmasi
• Meningkatkan kriteria keahlian
• Mempermudah fasilitas kesehatan untuk rakyat
Kesimpulan
PAFI dengan adanya platform digital ini selalu berada di garda depan dalam memadukan inovasi digital dengan pekerjaan apoteker. Terobosan ini bukan sekadar meningkatkan fungsi ahli farmasi, tetapi juga berkontribusi nyata bagi kemajuan kesehatan bangsa di era digital.
demo pg slot
PORTAL DIGITAL PAFI: Kontribusi Utama Farmasi dalam Era Digital
Profil Singkat PAFI
Sejak kemerdekaan Indonesia, para Tenaga Kefarmasian turut berperan aktif dalam kemajuan kesehatan bangsa. Kehadiran organisasi profesi farmasi ini menjadi momen bersejarah sebagai forum ahli di bidang farmasi. Berazaskan Pancasila, PAFI bertekad untuk:
• Meningkatkan taraf kesehatan rakyat
• Memodernisasi bidang farmasi di Tanah Air
• Memperbaiki kualitas hidup anggota
WEB PAFI Terintegrasi: Terobosan Modern untuk Dunia Farmasi Digital
Menjawab kebutuhan digital, PAFI memperkenalkan sistem terintegrasi ini – terobosan teknologi yang mendukung praktik farmasi profesional melalui:
? Data Real-time – Kemudahan mendapatkan regulasi kesehatan, riset mutakhir, dan peluang karir
? Pengembangan Kompetensi – Fasilitas kursus online bersertifikat
? Jaringan Ahli – Wadah kolaborasi bagi seluruh ahli farmasi
Platform ini meningkatkan peran PAFI dalam meningkatkan sistem kesehatan melalui adaptasi perkembangan teknologi.
Tantangan Dunia Farmasi Modern
Keberadaan platform digital PAFI menjadi bukti revolusi teknologi dalam profesi farmasi. Dengan selalu menyempurnakan fasilitas yang ada, PAFI berkomitmen untuk:
• Memacu pembaruan layanan farmasi
• Meningkatkan kualitas profesi
• Memperluas fasilitas kesehatan untuk rakyat
Kesimpulan
PAFI berkat sistem terpadu ini terus menjadi pionir dalam menghubungkan perkembangan teknis dengan pekerjaan apoteker. Inisiatif ini tidak hanya memperkuat peran apoteker, tetapi juga berkontribusi nyata bagi peningkatan kesehatan nasional pada zaman teknologi.
https://usaindiapharm.shop/# online pharmacy india
USA India Pharm UsaIndiaPharm indian pharmacies safe
USA India Pharm: USA India Pharm – indian pharmacy paypal
online shopping pharmacy india: UsaIndiaPharm – UsaIndiaPharm
indian pharmacy online: india pharmacy – UsaIndiaPharm
indian pharmacies safe: UsaIndiaPharm – top online pharmacy india
Зеркало pinco casino помогает всегда оставаться в игре. Бонусы от pinco радуют регулярными предложениями. На сайте pinco casino часто проходят акции и турниры. Зарабатываю в Pinco на спортивных ставках — советую. Пинко казино — это азарт, драйв и реальные выигрыши. Pinco — это удобство, бонусы и выплаты без задержек. Пинко казино — это современная и надёжная платформа. Пинко отлично адаптировано под мобильные устройства. Выигрыши в pinco приходят очень быстро pinco-kyrgyzstan.website.yandexcloud.net/.
india online pharmacy best india pharmacy indian pharmacies safe
https://usaindiapharm.com/# USA India Pharm
india online pharmacy top 10 online pharmacy in india USA India Pharm
best india pharmacy USA India Pharm UsaIndiaPharm
UsaIndiaPharm: indian pharmacy – top online pharmacy india
http://usaindiapharm.com/# buy prescription drugs from india
https://usaindiapharm.shop/# USA India Pharm
UsaIndiaPharm: USA India Pharm – indian pharmacy paypal