透過網頁讀取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. 無法依圖層混合模式輸出圖片
解決方法：無法解決
The great thing about having sex with a sex doll is that the experience can be whatever you want it to beえろ 人形.
Variety is the spice of life but you may find that a human partner becomes a bit too complacentえろ 人形or just doesn’t like the same positions as you.
After the adult doll is completely dry, you can apply a thin layer えろ 人形of renewing powder specifically designed for silicone sex dolls.
I decided to give Kotobuki from AIBEI Doll and Lea from YouQ Doll a go. When it arrived,エロ 人形 I was surprised! From my personal experience, the dolls from GSDoll are on par with the $2,000 dolls.
There are a few obvious things that we all know are 人形 エロvital to human survival: food. Water. Oxygen.
Choosing a high-quality sex doll wig that matches 人形エロthe skin tone and hairstyle of the sex doll can rejuvenate the doll and make it more beautiful and appealing.
Ozempic without insurance buy cheap ozempic buy ozempic
You’ll Never Guess This Togel4d Login’s Benefits togel4d login
Профессиональный сервисный центр по ремонту планшетов в Москве.
Мы предлагаем: замена матрицы планшета
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
How To Save Money On What Is Audi Comfort Key Audi car key cover
Как простабиотик может помочь предотвратить заболевания простаты: от простатита до онкологии
Дескрипшен:
Узнайте, как простабиотик поддерживает здоровье простаты, снижая риск простатита и рака. Обсуждаем его действие, роль в профилактике и важные аспекты здорового образа жизни. Поделитесь своим опытом и заботьтесь о своем здоровье!
простабиотик
============================================================================
От простатита до онкологии: как предотвратить серьезные заболевания с помощью простабиотика?
Здоровье простаты — тема, которую многие предпочитают обходить стороной. Но на самом деле, это не только важно, но и жизненно необходимо. Простатит и его возможные последствия, такие как рак простаты, могут серьезно повлиять на качество жизни мужчины. В этой статье мы обсудим, как простабиотик может помочь не только в профилактике, но и в лечении заболеваний, связанных с простатой. Приготовьтесь узнать, как заботиться о своем здоровье с помощью натуральных средств!
Что такое простатит и почему это важно?
Простатит — это воспаление предстательной железы, которое может вызывать дискомфорт, боль и даже серьезные проблемы с мочеиспусканием. По статистике, около 50% мужчин в возрасте от 40 до 50 лет испытывают симптомы простатита в какой-то момент своей жизни. Неприятные ощущения, постоянные походы в туалет, и даже проблемы в интимной жизни — все это может быть следствием воспаления простаты.
Как простатит влияет на здоровье?
Простатит не только вызывает физический дискомфорт, но и может негативно сказываться на психоэмоциональном состоянии. Многие мужчины начинают чувствовать себя менее уверенными в себе, что может привести к стрессу и депрессии. Поэтому важно не только лечить простатит, но и предотвращать его последствия.
Простатит и риск онкологии: связь, которую нельзя игнорировать
Недавние исследования показывают, что хронический простатит может быть связан с повышенным риском развития рака простаты. Хотя не все случаи простатита ведут к онкологии, риск, к сожалению, увеличивается. У мужчин с хроническим воспалением простаты наблюдается повышенный уровень воспалительных маркеров, которые могут способствовать развитию опухолей.
Как предотвратить заболевания простаты?
Прежде всего, важно понимать, что профилактика — это лучший способ борьбы с заболеваниями. Правильное питание, регулярные физические упражнения и здоровый образ жизни — все это имеет значение. Но существует еще один важный аспект, который стоит рассмотреть — использование простабиотиков.
Что такое простабиотик и как он работает?
Простабиотики — это натуральные добавки, которые содержат полезные экстракты, способствующие поддержанию здоровья простаты. Например, экстракты тыквенных семян, коры йохимбе и другие природные компоненты могут оказывать противовоспалительное действие. Эти добавки работают на уровне клеток, снижая воспаление и помогая организму восстанавливать баланс.
Как простабиотик помогает при простатите?
Регулярное применение простабиотиков может снизить симптомы простатита. Исследования показывают, что экстракты, входящие в состав простабиотиков, могут уменьшать воспаление и улучшать общее состояние здоровья простаты. Более того, простабиотики могут способствовать улучшению кровообращения, что также важно для здоровья этой области.
Как включить простабиотик в свой рацион?
Включить простабиотик в свою жизнь несложно. Вы можете принимать его в виде добавок, добавлять в smoothies или даже готовить блюда с экстрактами, содержащими простабиотики. Главное — выбрать качественный продукт, чтобы получить максимальную пользу. Обязательно проконсультируйтесь с врачом перед началом приема любых добавок, особенно если у вас уже есть проблемы со здоровьем.
Поддержка через диету и физическую активность
Кроме простабиотиков, важным аспектом в профилактике заболеваний простаты являются здоровые привычки. Питание, богатое овощами, фруктами и омега-3 жирными кислотами, может существенно улучшить здоровье. Также регулярные физические нагрузки способствуют нормализации обмена веществ и поддержанию нормального веса.
Заключение: заботьтесь о своем здоровье!
Заботиться о здоровье простаты — это значит заботиться о своем общем самочувствии. Простатит и другие заболевания могут существенно повлиять на качество жизни, но с помощью простабиотиков, здорового образа жизни и регулярных медицинских осмотров вы можете предотвратить их развитие.
Вопросы для обсуждения
Какие натуральные средства вы использовали для поддержания здоровья простаты?
Заметили ли вы изменения в своем самочувствии после приема простабиотиков?
Если у вас есть свои истории или рекомендации, поделитесь ими в комментариях! Ваш опыт может помочь другим мужчинам на пути к здоровой жизни.
How To Play Video Slots 에볼루션 바카라 공략
semaglutide cost rybelsus cost rybelsus price
Профессиональный сервисный центр по ремонту электросамокатов в Москве.
Мы предлагаем: ремонт электросамокатов на дому с выездом мастера
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
I must thank you for the efforts you’ve put in penning this blog.
I’m hoping to see the same high-grade content by you later on as well.
In fact, your creative writing abilities
has inspired me to get my own, personal site now 😉
The Next Big Trend In The Lightweight 3 Wheel Stroller Industry rear facing 3 wheel stroller
Как природа помогает мужчинам: кора йохимбе и семена тыквы для здоровья и потенции
Дескрипшен:
Узнайте, как кора йохимбе и семена тыквы могут улучшить мужское здоровье и потенцию. Откройте для себя силу натуральных компонентов, которые поддержат ваше общее состояние и активность. Природа — ваш лучший союзник!
tundra sredstvo com
================================================================================
Как природа помогает мужчинам: удивительная сила натуральных компонентов в Tundra
В современном мире, полном стресса и быстрого темпа жизни, мужчины все чаще ищут естественные способы улучшить свое здоровье и потенцию. На помощь приходят натуральные компоненты, которые веками использовались в народной медицине. В этом контексте кора йохимбе и семена тыквы заслуживают особого внимания. Давайте подробнее разберемся, как эти удивительные натуральные продукты могут поддержать ваше здоровье.
Кора йохимбе: энергия из природы
Кора йохимбе — это экзотический компонент, который произрастает в Африке. На протяжении многих лет она использовалась в традиционной медицине как мощное средство для повышения либидо и улучшения сексуальной функции. Но как это работает?
Как кора йохимбе влияет на организм?
Основное активное вещество йохимбин, содержащееся в коре, способствует расширению кровеносных сосудов, увеличивая приток крови к половым органам. Это может привести к улучшению эрекции и повышению сексуального влечения. Исследования показывают, что употребление коры йохимбе может помочь при эректильной дисфункции, увеличивая чувствительность и повышая удовольствие.
Не забываем о противопоказаниях
Однако стоит помнить, что кора йохимбе может вызывать побочные эффекты, такие как повышенное артериальное давление и беспокойство. Поэтому, прежде чем добавлять её в свой рацион, обязательно проконсультируйтесь с врачом. И не забывайте, что здоровье — это не только физическое состояние, но и гармония с собой.
Семена тыквы: маленькие, но мощные
Теперь давайте поговорим о семенах тыквы. Эти маленькие зеленые семечки часто недооценены, хотя в них скрыто множество полезных свойств. Семена тыквы — это настоящий кладезь витаминов и минералов, необходимых для здоровья мужчин.
Польза семян тыквы
Семена тыквы богаты цинком, который играет ключевую роль в производстве тестостерона. Это важно не только для поддержания потенции, но и для общего состояния здоровья. Достаточное количество цинка помогает укрепить иммунитет, улучшить состояние кожи и волос.
Кроме того, семена тыквы содержат антиоксиданты, которые защищают клетки от повреждений и старения. Они также полезны для сердечно-сосудистой системы благодаря содержанию ненасыщенных жирных кислот.
Как включить семена тыквы в рацион?
Добавлять семена тыквы в свой рацион можно разными способами. Они отлично подходят в качестве перекуса, добавления в салаты, каши или даже смузи. Попробуйте добавить их в утренний йогурт или посыпать ими свой любимый суп. Неплохой способ сделать свой рацион более разнообразным и полезным!
Природа — лучший союзник для мужского здоровья
В совокупности, кора йохимбе и семена тыквы представляют собой мощный союзник для мужчин, стремящихся улучшить свое здоровье. Они не только действуют на уровень либидо, но и способствуют общему укреплению организма.
Вопросы для обсуждения
Вы когда-нибудь пробовали кора йохимбе или семена тыквы? Каковы были ваши впечатления?
Какие натуральные средства помогали вам в поддержании здоровья?
Возможно, ваш опыт будет полезен другим!
Заключение
Не забывайте, что здоровье — это не только физическое состояние, но и умение находить гармонию с природой и самим собой. Кора йохимбе и семена тыквы — это лишь два примера того, как природа может поддержать мужчин в их стремлении к здоровью и благополучию. И помните: прежде чем начинать новый курс лечения или добавлять в рацион новые компоненты, всегда консультируйтесь с врачом.
Натуральные компоненты могут стать отличным дополнением к вашему образу жизни, но важно слушать свое тело и действовать с умом.
https://ozempic.art/# buy ozempic pills online
http://ozempic.art/# ozempic
http://rybelsus.shop/# semaglutide cost
Профессиональный сервисный центр по ремонту автомагнитол в Москве.
Мы предлагаем: ремонт автомагнитолы
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Whilst free games are great for those looking to try out different blackjack variants, test new strategies or simply play for fun, they are not without their limits. Players will often find themselves drawn to real money games once they’ve got the hang of the game via free versions, unlocking more variants and blackjack bonuses. Here are some of the pros and cons of each: Since our gambling experts test the blackjack bonus available on a site themselves by allocating over 9 hours to play it, it is safe to say that our KingCasinoBonus.uk recommendations are reliable and can help you make unbiased decisions. Vlad’s top pick is Betfred’s wager-free £5 live chips that suit the best new casino bettors. Second behind is the £6 live chips at LeoVegas that allow you to access over 50 games with the blackjack sign up bonus.
http://stanarynit1975.bearsfanteamshop.com/google-free-poker-online
Among South African players, slots, roulette, blackjack, and live dealer games hold the top spots for popularity. Casinocom offers a wide variety of these games, catering to the diverse preferences of its audience. The FAQ page at Casino isn’t as extensive as those of Bet365 or Royal Panda. On the bright side, you can discuss any questions or concerns you might have with one of the customer service reps. They are working around the clock and can be reached via phone or e-mail. Among South African players, slots, roulette, blackjack, and live dealer games hold the top spots for popularity. Casinocom offers a wide variety of these games, catering to the diverse preferences of its audience. Entering the website through a PC or laptop is always a good bet, as it unlocks the entire entertainment portfolio. There are two options for doing so – you can either type “Casino” into your web browser for instant play or download and install a program from the site.
Профессиональный сервисный центр по ремонту автомагнитол в Москве.
Мы предлагаем: ремонт автомагнитол
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
15 Presents For The Pull Out Couch Lover In Your Life pull out bed couch sectional
вывод из запоя на дому ростов-на-дону вывод из запоя на дому ростов-на-дону .
вывод из запоя на дому ростов недорого https://vyvod-iz-zapoya-rostov16.ru .
срочный вывод из запоя ростов срочный вывод из запоя ростов .
вывод из запоя на дому ростов цены вывод из запоя на дому ростов цены .
Профессиональный сервисный центр по ремонту планшетов в Москве.
Мы предлагаем: ремонт планшета замена экрана цена
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту планшетов в Москве.
Мы предлагаем: сколько стоит замена стекла на планшете
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!