透過網頁讀取PSD後，依圖層輸出PNG檔案
在前面介紹過網頁可以讀取PSD檔案並擷取到該檔案的資訊，接著我們會希望能透過網頁上傳PSD檔之後，依照圖層來輸出圖片，同樣是利用PSD.js來輔助進行，可以透過我們製作的範例頁面來進行輸出測試。
預設輸出效果
透過PSD.js可將PSD內的各圖層輸出成PNG圖檔，亦可轉成Base 64圖檔格式，惟輸出時每個圖檔的尺寸並不會根據整體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 PSD here</p>
</div>
<div id="image"></div>
<pre id="data"></pre>
<script type="text/javascript">
(function () {
const 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) {
for (var i = 0; i < psd.layers.length; i ++){
document.getElementById('image').appendChild(psd.layers[i].image.toPng());
}
});
}
}());
</script>
</body>
</html>
依照整體PSD配置進行輸出
我們希望讓每個圖片在輸出後能保時相同的尺寸，也就是依照PSD的畫布大小來輸出每一張圖檔，但在原生PSD.js中並不具備這樣的功能，於是我們透過下述的方式來達成：
- 擷取PSD資訊並將圖檔轉為Base 64格式
- 產生與PSD尺寸大小相同的HTML Canvas
- 將產生的Base 64圖檔，依照原始位置放入Canvas中
- 將Canvas轉成PNG圖檔
可以參考我們製作的範例頁面
<!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 PSD here</p>
</div>
<div id="image"></div>
<pre id="data"></pre>
<script type="text/javascript">
(function () {
const 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) {
const PSDWidth = psd.tree().width;
const PSDHeight = psd.tree().height;
for (var i = 0; i < psd.layers.length; i ++){
const img = new Image();
img.src = psd.layers[i].image.toBase64();
console.log(psd);
const layerWidth = psd.layers[i].width;
const layerHeight = psd.layers[i].height;
const layerLeft = psd.layers[i].left;
const layerTop = psd.layers[i].top;
const canvas = document.createElement("canvas");
canvas.setAttribute('class', "canvas");
canvas.width = PSDWidth;
canvas.height = PSDHeight;
console.log("canvas :", canvas);
img.onload = function(){
canvas.getContext("2d").drawImage(img, layerLeft, layerTop, layerWidth, layerHeight);
document.getElementById('image').appendChild(canvas);
}
}
});
}
}());
</script>
</body>
</html>
PSD檔案輸出限制
1. 無法輸出帶有效果的圖片
在PSD中我們可能會針對圖層套用一些效果，例如：陰影、光暈、筆畫…等等，但在輸出後的圖檔將不會帶有這些效果。
解決方法：透過點陣化圖層效果，即可輸出相對應的圖檔。
2. 無法輸出帶有遮色片效果的圖片
解決方法：將圖層轉為智慧型物件，即可輸出相對應的圖檔。
3. 無法依圖層混合模式輸出圖片
解決方法：無法解決
Профессиональный сервисный центр по ремонту электросамокатов в Москве.
Мы предлагаем: ремонт контроллера самоката
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
buy rybelsus online rybelsus cost buy semaglutide online
5 Private ADHD Projects For Any Budget private Adhd Assessment east sussex
Guide To Window Misting Repair: The Intermediate Guide In Window Misting Repair Window Misting Repair (Elearnportal.Science)
Профессиональный сервисный центр по ремонту автомагнитол в Москве.
Мы предлагаем: ремонт автомагнитол рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
buy cheap ozempic: ozempic – ozempic cost
“Психология гипертонии: Как стресс влияет на ваше давление?”
Дескрипшен:
“Узнайте, как эмоциональное состояние и стресс могут поднимать артериальное давление. Откройте для себя советы по управлению стрессом и узнаете, как Кардитенс может помочь поддерживать здоровье сердца!”
https://carditens-sredstvo.com/
=============================================================================
Психология гипертонии: Как стресс влияет на давление?
Мы все знаем, что стресс — это часть нашей повседневной жизни. Но задумывались ли вы, как сильно он может повлиять на ваше здоровье, особенно на артериальное давление? В этой статье мы разберем, как эмоциональное состояние и психоэмоциональный фон могут способствовать повышению артериального давления. Также обсудим, как препараты на натуральной основе, такие как Кардитенс, могут помочь в этой борьбе.
Что такое гипертония?
Прежде всего, давайте проясним, что такое гипертония. Гипертония, или высокое артериальное давление, — это хроническое состояние, при котором давление крови в артериях остается постоянно высоким. По данным Всемирной организации здравоохранения, около 1,5 миллиарда людей по всему миру страдают от этого заболевания. И это не просто цифры: высокое давление может привести к серьезным последствиям — от инсульта до сердечно-сосудистых заболеваний.
Как стресс влияет на артериальное давление?
Вы когда-нибудь замечали, как ваше давление подскакивает в стрессовых ситуациях? Это происходит не просто так. Когда вы сталкиваетесь с угрозой, ваш организм реагирует, как в древние времена, когда мы были вынуждены убегать от хищников. Этот “борьба или бегство” механизм приводит к выбросу адреналина, что в свою очередь увеличивает сердечный ритм и сужает сосуды, повышая давление.
Исследования показывают
Согласно исследованиям, стресс может быть причиной повышения артериального давления. В одном из крупных исследований, проведенном в 2020 году, было установлено, что у людей, подверженных постоянному стрессу, вероятность развития гипертонии возрастает на 40%. Это довольно весомая цифра, не так ли?
Психоэмоциональный фон и его роль
Психоэмоциональный фон — это наше общее эмоциональное состояние, которое складывается из стрессовых ситуаций, тревог и напряжений. Например, постоянные переживания на работе, семейные проблемы или финансовые трудности могут сильно нагружать вашу психику. В результате, ваше сердце начинает работать в усиленном режиме, и давление поднимается.
Признаки стресса
Как понять, что стресс влияет на ваше давление? Обратите внимание на следующие признаки:
Постоянная усталость
Головные боли
Проблемы со сном
Раздражительность
Если вы заметили у себя хотя бы один из этих признаков, стоит задуматься о том, как справляться со стрессом и его последствиями для здоровья.
Как Кардитенс может помочь?
Теперь давайте поговорим о том, как поддержать свое здоровье. Кардитенс — это натуральный продукт, который может помочь контролировать уровень артериального давления. Он содержит экстракты трав, которые известны своими расслабляющими и успокаивающими свойствами.
Преимущества Кардитенс
Снижение стресса: Компоненты Кардитенс способствуют расслаблению, что может помочь снизить давление.
Улучшение кровообращения: Препарат поддерживает здоровье сердечно-сосудистой системы и улучшает циркуляцию крови.
Натуральные ингредиенты: Это важный фактор для тех, кто хочет избегать химических веществ.
Как справляться со стрессом?
Не забывайте, что преодоление стресса — это важная часть управления своим давлением. Вот несколько советов:
Физическая активность: Даже 30 минут прогулки в день могут существенно снизить уровень стресса.
Техники релаксации: Медитация и йога помогают успокоить разум.
Сон: Качественный сон — важная составляющая для снижения стресса и поддержания здоровья.
Интерактивный элемент: ваш опыт
А как вы справляетесь со стрессом? Есть ли у вас проверенные методы, которые помогают держать артериальное давление под контролем? Делитесь своим опытом в комментариях!
Заключение: заботьтесь о своем сердце
Стресс — это не просто неприятное ощущение. Он может серьезно влиять на ваше здоровье, особенно на артериальное давление. Понимание психологии гипертонии и способов ее контроля — это первый шаг к здоровой жизни. Используйте натуральные средства, такие как Кардитенс, и не забывайте о важности управления стрессом. Заботьтесь о своем сердце, и оно отплатит вам долгими годами здоровья!
https://rybelsus.shop/# semaglutide cost
Another important way that sex dolls can help to deliver some of the same benefits of人形 エロ human touch on your overall wellbeing and mental health is that they have the same
You may also find that you can’t invite someone back to yourえろ 人形 place because your room mates or friends don’t know that your dating a guy
whether you’re popping your cherry and having sex with a doll for the first time or are just lookingえろ 人形 for a few new tips and tricks to keep things feeling fresh and exciting.
Today’s dolls are crafted using seriously sophisticated materials and design technology.人形 エロ Modern dolls are most typically made from either TPE or very high-grade silicone.
It’s interesting how they take a photo of a posed doll, エロ 人形and AI is able to fill in 90 of it (background, clothing, accessories, and even hair).
Speaking to Jones, Tiffany Field from the Touch Research Institute at the University of Miami人形 エロ’s Miller School of Medicine outlined a study carried out at airports in the USA.
Prepare now for mind-blowing skin-on-skinえろ 人形 contact later
Modern sex dolls are often made from high end silicone with a metal skeletonえろ 人形.
at any time, can only be a good thing when it comes to helping you prepare for truly mind-blowing, えろ 人形long-lasting skin-on-skin contact when the next opportunity or connection presents itself.
The realism in texture, size, and weight positions these real dolls as an ideal 人形エロchoice for those seeking an authentic and personalized experience.
In certain situations, individuals may experience dissatisfaction 人形エロwith their sexual partners due to perceived low interest or an inability to meet specific preferences.
Those habits are hard to unlearn after two years of 人形 エロhearing that close contact should be avoided at all costs.
By disturbing the delicate balance of the vaginal environment,人形エロ douching creates an environment conducive to these issues.
New studies on touch continue to show the importance of physical contact 人形 エロin early development, communication, personal relationships, and fighting disease.”
A male sex doll never says no and will never settle into the same boring position day after day.えろ 人形You have the freedom to dictate any position that takes your fancy.
You’ll generally be able to use both types of bonus to play slots from the specified list of software providers, which includes the likes of NetEnt, Play’n GO, and NextGen Gaming. All deposits and bonuses are subject to playthrough requirements, time limits, and maximum bets, while other terms and conditions may also apply. The bonuses highlighted in the table below may be subject to change, so please always refer to the Evobet casino promotions page and all promotional terms and conditions. } Aviator casino latest dividend news The last American football player to try the rabona successfully (to our knowledge)? Rice University kicker Chris Boswell. Check out that story here. Latest No Deposit Bonus Uk In terms of Evobet Sports’ welcome bonus, it offers a 100% first deposit match bonus up to $150. The minimum deposit this time is $20, but deposits from Skrill, Neteller and Ecopayz are not eligible. Once again, you must claim the Welcome Sportsbook Bonus on Evobet New Zealand to qualify. The requirements for this offer aren’t quite as difficult to fulfil as the casino offer, but they are still not ideal when compared to other offers on the market. This time, both the bonus and deposit amount must be wagered 10x on bets with odds of 2.00 (1 1) within 30 days.
https://www.laptotechsolutions.org/forum/general-discussions/hard-rock-social-casino-app
Strike gold down under in this slot built for wins so big you’ll be yelling DINGO! Follow the tune of the digeridoo to wins you have never encountered before! Hop like a kangaroo through this free slot outback adventure! Slots can be played instantly with no download through your browsers or by downloading the casino apps. On this page, all slot games are absolutely free and could be played offline if they were loaded before the internet disconnection. If you want to play for real money – you should scroll below the page up to the table with online casinos – all slot games could be played there offline by downloading their software on your computer. This enables players to have fun and thrilling experience whenever and wherever you want. This website is using a security service to protect itself from online attacks. The action you just performed triggered the security solution. There are several actions that could trigger this block including submitting a certain word or phrase, a SQL command or malformed data.
A sex doll gives you unlimited capacity not just えろ 人形for experimentation, but for practise too,
Also, seeing something new and innovative like Cooby Doll’s エロ 人形oral cleaning reminds me that brands still have the passion to innovate.
12 Companies Leading The Way In Replacement Key For Audi audi spare key cost
The great thing about a sex doll is that you can shop around,えろ 人形quite literally, and change key characteristics without hurting anyone’s feelings
This correct positioning makes a world of difference when it comes to sex.エロ 人形 In the meantime, all their other dolls (non-Amor) still have decent LHP.
Gently place the wig in warm water, massage lightly with fingertips, 人形エロavoid rubbing vigorously to prevent damage to the wig fibers. After washing, rinse thoroughly with clean water