透過網頁讀取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": []
}
}
}
Разнообразие фурнитуры для плинтуса, найдите идеальный вариант.
Качественная фурнитура для плинтуса, гарантия долгого срока службы.
Легкость сборки плинтуса, сэкономьте время и силы.
Тренды в дизайне фурнитуры для плинтуса, подчеркните стиль своего интерьера.
Природные решения для отделки плинтуса, для заботы об окружающей среде.
Тренды в оттенках для декора плинтуса, подчеркните цветовую гамму своего интерьера.
Оригинальные решения для отделки плинтуса, выразите свою индивидуальность через дизайн.
Советы по выбору фурнитуры для плинтуса, для долгосрочного использования.
Декоративные элементы для фурнитуры плинтуса, выдержите общий стиль в каждой детали.
Изысканные решения для отделки плинтуса, для создания аристократичной атмосферы.
материал плинтуса материал плинтуса .
https://casinositeleri25.com/# deneme bonusu veren casino siteleri
http://sweetbonanza25.com/# sweet bonanza
Welcome to Dexscreener
If you’re looking for comprehensive and real-time cryptocurrency market data, look no further than Dexscreener. With a plethora of tools at your disposal, you can analyze, trade, and excel in the ever-evolving world of cryptocurrencies.
dex screener
Features of Dexscreener
Real-Time Data: Get the latest updates on cryptocurrency prices, market trends, and trading volumes.
Comprehensive Charts: Utilize interactive charts to spot trends and make informed trading decisions.
Customizable Alerts: Set alerts for when your favorite cryptocurrencies hit your chosen price points.
Why Choose Dexscreener?
Dexscreener stands out in the crowded field of cryptocurrency analysis tools for several reasons:
Unmatched Accuracy
Accuracy is king in the world of crypto trading. With Dexscreener, you can trust that you’re getting precise data, ensuring that every trading decision is backed by solid information.
User-Friendly Interface
Whether you’re a seasoned trader or a newcomer, Dexscreener’s intuitive interface makes it easy to navigate and utilize. The platform is designed to provide a seamless user experience.
Community and Support
Join a vibrant community of traders and investors. Dexscreener offers robust customer support to help you at every step of your trading journey. Whether you have a query or need detailed insight, our support team is there to assist.
Getting Started
Start your cryptocurrency trading journey with Dexscreener today. Sign up in a few simple steps and gain access to invaluable trading tools and insights right away.
For more information, visit the Dexscreener website and discover how you can succeed in the cryptocurrency market!
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
Welcome to SushiSwap: Your Gateway to Decentralized Finance
SushiSwap is a leading decentralized finance (DeFi) platform that allows users to trade cryptocurrencies directly from their digital wallets. Built on top of the Ethereum blockchain, SushiSwap is designed to offer a seamless, trustless, and secure trading experience.
sushiswap protocol
Key Features of SushiSwap
Here’s what sets SushiSwap apart from other decentralized exchanges:
Swaps: Instantly swap a wide array of tokens without the need for an intermediary.
Liquidity Pools: Provide liquidity to earn rewards from transaction fees and Sushi tokens.
Yield Farming: Stake your tokens and earn additional incentives with high returns.
Governance: Participate in community decision-making processes to shape the future of the platform.
How to Use SushiSwap
Follow these steps to get started on SushiSwap:
Connect Your Wallet: Select a compatible wallet like MetaMask to interact with the platform securely.
Select Tokens: Choose the cryptocurrencies you wish to swap.
Confirm Transaction: Review and confirm your transaction details.
Manage Liquidity: Optionally, add liquidity to pools and earn rewards.
Why Choose SushiSwap?
SushiSwap offers numerous advantages for crypto traders:
Decentralized control ensures your funds are always under your personal control.
Competitive fees and rewards mechanisms encourage active participation.
A diverse range of tokens and pairs expands your trading options.
Join the SushiSwap community now and transform the way you trade using our state-of-the-art platform.
Stay Informed
Stay updated with the latest developments and community news by joining SushiSwap’s social media channels and forums. Unlock the potential of decentralized trading today.
Understanding Etherscan: Your Gateway to Ethereum
Etherscan is a powerful Ethereum block explorer and analytics platform. It enables users to view transactions, check cryptocurrency balances, and track the status of smart contracts on the public Ethereum blockchain. Whether you’re an investor or a developer, Etherscan offers the tools you need to navigate the Ethereum ecosystem efficiently.
etherscan address
What Can You Do on Etherscan?
Track Transactions: Enter a wallet address to see all associated transactions, including timestamp, amount, and status.
Verify Smart Contracts: Check the code and state of any smart contract deployed on Ethereum.
Monitor Gas Fees: Stay updated on current gas prices to optimize transaction costs.
Explore Blockchain Data: Access detailed analytics on network activity and token transfers.
How to Use Etherscan
Using Etherscan is straightforward. Simply and enter the information you wish to explore. Here’s a quick guide:
Search for an Ethereum Address: Input the address in the search bar to view its transaction history.
Check Transaction Status: Enter the transaction hash ID to monitor its progress.
Analyze Tokens: Use the token tracker to see movement and analytics for specific tokens.
Benefits of Using Etherscan
One of the primary benefits of Etherscan is the transparency it brings to the Ethereum blockchain. Here are some reasons why it is beneficial:
Enhanced Security: By allowing you to verify address activity, Etherscan helps identify suspicious transactions.
Data Transparency: Provides access to all transaction data, ensuring open-access information across the network.
Community Support: Etherscan’s API enables developers to create advanced applications interacting with Ethereum data.
Stay Updated with Etherscan
For the latest Ethereum news, trends, and updates, staying engaged with Etherscan can be significant. It not only provides transaction data but also offers for developers and enthusiasts alike.
Start utilizing Etherscan today to keep a closer watch on your Ethereum investments and participate actively in the evolving blockchain landscape.
Pendle Finance: Unlocking New Opportunities in DeFi
As the world of decentralized finance (DeFi) continues to evolve, Pendle Finance is at the forefront, offering innovative solutions for yield and trading. This platform has quickly become a go-to resource for individuals looking to maximize their crypto investments.
pendle fi
What is Pendle Finance?
Pendle Finance is a DeFi protocol designed to provide enhanced yield management opportunities by leveraging tokenization of future yield. It allows users to trade tokenized yield, offering flexibility and potential for optimized earnings.
Key Features
Yield Tokenization: Convert future yield into tradable assets, enhancing liquidity.
Yield Trading: Enter and exit yield positions at strategic times to capitalize on market conditions.
Multi-Chain Support: Access a wide range of DeFi ecosystems through cross-chain functionality.
Benefits of Using Pendle Finance
Pendle Finance provides numerous benefits to its users, making it a compelling choice for DeFi enthusiasts and investors:
Diversified Investment Options: By tokenizing future yields, Pendle offers a variety of strategies to enhance your investment portfolio.
Market Flexibility: Trade yield tokens freely, allowing for strategic entry and exit points.
Enhanced Liquidity: Tokenization increases the liquidity of yields, offering more opportunities for dynamic financial strategies.
How to Get Started with Pendle
Embarking on your Pendle Finance journey is straightforward. Follow these steps to unlock the potential of yield trading:
Create an Account: Set up a user account on the Pendle Finance platform.
Link Your Wallet: Connect your cryptocurrency wallet to seamlessly manage transactions.
Start Trading: Explore the available yield tokens and start trading to optimize your returns.
Conclusion
In a rapidly changing financial landscape, Pendle Finance stands out by offering innovative solutions aimed at enhancing investment opportunities. Whether you are a seasoned DeFi user or a newcomer, Pendle provides tools and resources to empower your financial growth. Join the community and start unlocking the potential of your investments today!
Разгорись свою звезду фарта бок о бок с “cometa casino”! ?
Салют, путешественник приключений! Вы готов отправиться в галактическое вояж, где каждая привал обещает невероятные награды и даже захватывающие чувства?
В таком случае вам точно рекомендуется подключиться в этому эксклюзивному Telegram-каналу kometa casino скачать для андроид . Здесь тебя ожидают не только игры, а настоящие космические авантюры, переполненные неожиданных витков а также сверкающих вспышек удачи!
Почему избирают наше казино?
Звездные поощрения: Вступай на объединенную команду и заполучи первоначальный набор бонусов, который поможет тебе оперативнее осилить собственной мечты. Игровые галактики: Здешние развлекательные слоты – представляют собой абсолютно все космосы, наполненные загадками и даже сокровищами. Изучай все полностью и конечно же найди твоей идеальный аппарат! Турнирные миры: Участвуй в космических конкурсах а также сражайся за звание главного игрока галактики. Выигрышные пулы в такой мере огромны, что в силах померкнуть даже абсолютно блестящую светило! Быстрая оплата: Едва только вы одержишь успеха, ваши средства будут мгновенно переведены на собственный кошелек. Никаких проволочек – исключительно чистая удовольствие успеха! Поддержка круглосуточно: Наш экипаж всегда в контакте, расположенный оказать помощь тебе в какой угодно обстоятельстве. Пусть даже вдруг ты потерялся вокруг светил, мы все поможем найти направление домой. ?? Как приступить? Легко станьте подписчиком на данный ресурс и затем отправься в путешествие! Дальше вас подстерегают безграничные перспективы вариантов и море наслаждения.
Не стоит пропусти мгновение, в тот момент когда твоя светило заблестит блестящее каждого!
#kometa #casino #Подарки #Победа #CometaCasino #kometacasino
Официальная покупка диплома вуза с упрощенной программой обучения
Maximize Your Crypto Trading with ParaSwap
If you’re looking to enhance your cryptocurrency trading experience, it’s time to explore ParaSwap. This innovative platform serves as a decentralized exchange aggregator, giving you the best deals on the market.
paraswap exchange
What is ParaSwap?
ParaSwap is a cutting-edge platform that aggregates the best prices from various decentralized exchanges. It provides users with the most efficient path to execute their trades by considering factors like price impact and gas fees.
How Does ParaSwap Work?
ParaSwap functions by connecting directly to multiple liquidity sources. It then simplifies the process of trading across different platforms by bringing the best rates to users all in one place. This means that you don’t have to hop between multiple exchanges—you can find everything you need through ParaSwap.
Benefits of Using ParaSwap
Competitive Rates: ParaSwap offers some of the best rates by aggregating prices from various platforms.
Efficiency: Trade execution is designed to be quick and reliable.
Transparency: Get clear insights into your trades with detailed transaction information.
Why Choose ParaSwap?
Choosing ParaSwap means straightforward, efficient crypto trading. Whether you’re a seasoned trader or new to the crypto space, having a tool like ParaSwap can enhance your trading strategy by ensuring you’re always accessing the best available prices.
Getting Started
To start trading with ParaSwap, simply connect your crypto wallet, input the details of your trade, and let ParaSwap find the best route for your transaction. It’s that simple!
Conclusion
Maximize your trading potential by leveraging the power of ParaSwap. With its aggregated approach to finding the best prices, efficiency, and transparency, ParaSwap stands out as a leading choice for cryptocurrency traders.
?? Хватит играть вслепую! ??
Устали от мутных рейтингов и непонятных обзоров? На нашем канале вы найдете только проверенную информацию о ТОП казино.
? Объективные оценки: Никакой рекламы, только факты. ? Честные обзоры: Плюсы и минусы каждого казино. ? Актуальные бонусы: Самые выгодные предложения для наших подписчиков.
Не тратьте время и деньги зря! Присоединяйтесь к профессионалам рейтинг лучших казино
#топказино #лучшиеказино #обзорыказино #азартныеигры #онлайнказино
Welcome to Owlto Finance
Owlto Finance is your ultimate partner for secure and efficient financial solutions. Whether you’re a personal investor or a large-scale business, we have the services that cater to your financial needs.
owlto finance
Why Choose Owlto Finance?
Choosing the right financial platform is crucial for safeguarding your investments and ensuring growth. Here are some reasons why Owlto Finance stands out:
Security: Your assets’ safety is our top priority, employing state-of-the-art security measures to protect your finances.
Efficiency: Our platform is designed for efficiency, ensuring that your transactions are processed seamlessly and quickly.
User-Friendly Interface: Intuitive and easy to navigate, our platform simplifies your financial management.
Our Services
Owlto Finance offers a wide range of services tailored to your specific needs, whether you’re looking to invest, save, or manage your funds better.
Investment Options: Choose from a variety of investment plans that align with your goals and risk tolerance.
Savings Accounts: Flexible saving options to grow your money with competitive interest rates.
Financial Advising: Get expert advice from our team of experienced financial advisors to navigate your financial future.
Getting Started with Owlto Finance
Starting your financial journey with Owlto Finance is easy and straightforward:
Sign Up: Create your account in minutes with our streamlined registration process.
Customize Your Portfolio: Select from our range of financial products to customize your portfolio according to your needs.
Monitor and Adjust: Use our tools to track your financial progress and make adjustments as necessary.
Join Our Community
At Owlto Finance, you’re not just investing; you’re joining a community of like-minded individuals who value financial freedom and security. Join us today and take control of your financial future.
For more information, visit our website and start your journey with Owlto Finance now!
Welcome to dYdX: The Future of Decentralized Trading
dYdX is a leading decentralized exchange (DEX) platform designed specifically for perpetual trading. Powered by a unique layer 2 solution, it offers zero gas fees and high-speed transactions, ideal for traders looking to maximize efficiency and minimize costs.
dydx trade
Why Choose dYdX?
Fully Decentralized: Enjoy complete control over your funds and trades with no third-party intervention.
No Gas Fees: Thanks to our layer 2 integration, trade without worrying about expensive gas fees.
Advanced Features: Utilize advanced trading features like cross-margining and isolated margin accounts to optimize your strategies.
Getting Started with dYdX
To start trading on dYdX, simply connect your wallet and begin trading a wide range of perpetual contracts. Our ensures that both novice and experienced traders can navigate and execute trades with ease.
Trade Perpetual Contracts with Confidence
Perpetual contracts are a powerful trading tool that allows you to speculate on the future price movements of a variety of cryptocurrencies without owning the underlying asset. With dYdX, you can:
Leverage Up to 20x: Enhance your trading potential with leverage options tailored to your risk tolerance.
Variety of Pairs: Trade a diverse selection of cryptocurrency pairs across multiple markets.
Security at dYdX
Your security is paramount at dYdX. Our platform employs state-of-the-art security measures to protect your assets and data, ensuring peace of mind with every trade you make.
Join the dYdX Community
Join a global community of traders who are revolutionizing the way decentralized finance operates. Stay updated and connected through our social media channels and community forums.
Note: Always conduct thorough research and consider your risk tolerance before engaging in cryptocurrency transactions.
Understanding Hop Exchange
Hop Exchange is a groundbreaking platform designed to simplify the process of transferring cryptocurrencies across multiple blockchains. This guide will explore its functionality, benefits, and how you can make the most of its features.
hop exchange
What is Hop Exchange?
Hop Exchange is a decentralized protocol that facilitates efficient and cost-effective cross-chain cryptocurrency transfers. It aims to solve the challenges of interoperability between blockchain networks, enabling seamless asset movement without compromising security or incurring high fees.
Features of Hop Exchange
Cross-Chain Compatibility: Easily transfer tokens across different blockchain networks.
Low Transaction Fees: Enjoy minimized expenses compared to traditional bridging solutions.
High-Speed Transfers: Experience rapid transaction confirmations and settlements.
Secure Transactions: Rely on advanced security protocols to protect your assets.
How Does Hop Exchange Work?
Hop Exchange functions by employing liquidity pools and multi-chain bridges. When a user initiates a cross-chain transfer, the protocol uses these pools to swap assets between the source and destination chains, effectively minimizing transaction times and costs.
Benefits of Using Hop Exchange
Seamless Experience: Eliminate the hassle of navigating multiple platforms for asset transfers.
Cost Savings: Reduce overhead costs associated with traditional exchanges and bridging services.
Enhanced Security: Leverage advanced cryptographic techniques to safeguard your transactions.
DeFi Integration: Integrate easily with decentralized finance platforms, broadening your investment opportunities.
Getting Started with Hop Exchange
To start using Hop Exchange, follow these simple steps:
Connect your digital wallet to the Hop Exchange platform.
Select the source and destination networks for your transfer.
Input the amount of cryptocurrency you wish to move and authorize the transaction.
Confirm the transfer and monitor the progress via the platform’s dashboard.
With Hop Exchange, you can easily navigate the complex landscape of cryptocurrency with a tool that emphasizes efficiency, affordability, and security. Whether you are an individual investor or a business, Hop Exchange offers the flexibility needed to keep pace with the rapidly evolving blockchain ecosystem.
Understanding Rhino Technology
Rhino technology represents the forefront of digital finance solutions, offering innovative tools for both consumers and businesses. Designed to streamline processes and enhance user experience, Rhino technology stands out as a pivotal development in the financial world.
rhino fi bridge
Features of Rhino Technology
Scalability: Rhino technology is built to grow with user needs, supporting both small operations and larger enterprises with ease.
Security: Integration of advanced security protocols ensures that transactions and data are protected from unauthorized access.
User-Friendliness: With a focus on intuitive design, Rhino technology offers an interface that is easy for users of all levels to navigate.
Applications of Rhino Technology in Finance
In the financial sector, Rhino technology plays a crucial role in enhancing efficiency and ensuring compliance with industry standards. It empowers users with tools that simplify complex financial operations, making them more accessible and less time-consuming. Beyond financial transactions, Rhino technology aids in data analysis, helping businesses make informed decisions based on real-time analytics.
In conclusion, Rhino technology is a transformative force in the financial industry. Its ability to provide scalable, secure, and user-friendly solutions positions it as a crucial player in digital finance. As industries continue to evolve, relying on such cutting-edge technology ensures that businesses remain competitive, efficient, and secure.
Also visit my web page … PokerTube – Watch Free Poker Videos & TV Shows
?? Хватит играть вслепую! ??
Устали от мутных рейтингов и непонятных обзоров? На нашем канале вы найдете только проверенную информацию о ТОП казино.
? Объективные оценки: Никакой рекламы, только факты. ? Честные обзоры: Плюсы и минусы каждого казино. ? Актуальные бонусы: Самые выгодные предложения для наших подписчиков.
Не тратьте время и деньги зря! Присоединяйтесь к профессионалам рейтинг казино
#топказино #лучшиеказино #обзорыказино #азартныеигры #онлайнказино
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
купить диплом о высшем образовании ссср
My page – High stakes Casino
Review my web blog; online poker Tournaments
какой процессор лучше http://topcpu.ru/ .
вывод из запоя в ростове на дону вывод из запоя в ростове на дону .
вывести из запоя вывести из запоя .
affordable ed medication: fast pills easy – best ed medication online
https://fastpillsformen.com/# sildenafil over the counter
рейтинг процессоров amd http://topcpu.ru .
How Nigeria’s biggest city became the world’s hottest winter party destination
casino bonus
It’s a world of endless parties and sleepless nights. A relentless celebration that turns West Africa – and especially Nigeria’s largest city, Lagos – into one of the hottest destinations on the continent, if not the planet, right in the middle of winter.
Detty December is a magical time between December and early January when diaspora communities and tourists flock to Ghana, Nigeria and South Africa for an unforgettable experience filled with flavourful food, soulful African music and sunshine.
Beach parties, festivals and top-tier performances fuel the energy, while fashion takes center stage, with everyone dressing to impress.
Nearly two-thirds of Nigeria’s population is under 25, according to the United Nations Population Fund, making this one of the world’s youngest countries.
Internationally renowned Afrobeats performers and foreign artists make surprise appearances. DJs take to the streets, blasting powerful beats from consoles mounted atop bright yellow minibuses.
At times it’s all-consuming. Good luck getting hair salon appointments, affordable air tickets or navigating Lagos’ already notorious traffic when the party crowds are in town.
Detty December (“detty” is a playful corruption of “dirty”) is a triumphant celebration of culture, music and good vibes that has evolved in recent years during the traditional holidays influx of diaspora returnees, which heightened in 2018 when Ghana ran a launched a successful “Year of Return” campaign actively encouraging people to visit their ancestral homelands.
It’s gathered pace over the past five years, gaining an international reputation, as IJGBs (“I Just Got Backs”) and their friends arrive in batches, eager to unwind and blow off steam after the fast-paced, hard-working year they’ve had overseas.
For many in the vast Nigerian diaspora, it is a deeply personal homecoming, a chance to reconnect with their heritage, traditions and families while immersing themselves in the lively energy of Nigerian life.
срочный вывод из запоя ростов http://vyvod-iz-zapoya-rostov222.ru .