透過網頁讀取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. 無法依圖層混合模式輸出圖片
解決方法：無法解決
See What Double Glazing Units Near Me Tricks The Celebs Are Making
Use Of double glazing units near me – http://shop.ororo.co.kr/bbs/board.php?bo_table=free&wr_id=12290,
Где можно купить аттестат
о среднем образовании? купить диплом старого образца в кемерово
Hey I know this is off topic but I was wondering if you
knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
I’ve been looking for a plug-in like this for quite some
time and was hoping maybe you would have some experience with something like
this. Please let me know if you run into anything.
I truly enjoy reading your blog and I look forward to your new
updates.
Sex can only be good when you’re both clear-headed and equally excited about it. ロボット セックスThat also means if your partner’s drunk or passed out, you can’t get consent from them.
They’ve been to Hedonism a few times, not so much ラブドール オナニーfor the swinging but for the thrill of public sex and nudity. They ask me about my romantic life and career, and are more engaged in my answers than most dates I’ve ever had.
Domen Southern undoubtedly grows closer to セックス ロボットher but stops himself when he begins to feel more and before he can enjoy it.
Hey there! I could have sworn I’ve been to this website before but
after reading through some of the post I realized it’s new to me.
Anyhow, I’m definitely happy I found it and I’ll be book-marking and checking back frequently!
I never thought of them as being hypocritical, but rather ラブドール avI believed they did their best to keep me from making the same mistakes that they had made in their youth. They were, after all, very different people now.
Kanye’s music-inspired artworks symbolizes of his broad musical and innovative artistry.
These artistic representations aren’t just honor his musical journey, but also
interpret his creative expressions.
Kanye’s musical artwork are given in multiple styles and models.
Including impractical interpretations of musical ideas
to real explanations of his classic album artwork, these artistic expressions
showcase the magnitude of the musician’s musical and visual influence.
One of the key highlights of Kanye West music art is its potential
to bring out reactions through visual portrayal.
Each individual piece of music says the adventure and as a consequence leads to
a suitable good pointing to inspiration on top of that creativity and innovation.
Moreover, Kanye’s music-themed art involves expressions from
his hits. These lyrics add a layer of musical and innovative depth to the
right craft.
Searching for Kanye West music art is a major
incredible adventure for enthusiasts associated with Ye and his rock music.
In the end, Kanye’s music-inspired artworks
isn’t merely an appearance of this musical and emotional genius but as well a fit towards my change of new inside some of the
world.
But don’t worry if you or your partner don’t have an orgasm straight away オナドールor even at all.
Five Killer Quora Answers To Window Replacement Near Me window replacement near me
Growing up in a Christian home, ラブドール avI was raised to view my virginity as almost as important as my salvation.
Guide To Double Glazing Repairs Near Me: The Intermediate Guide To Double Glazing Repairs Near Me Double glazing repairs near me (gigatree.eu)
Your feelings about sex might change as you grow and get toロボット セックス know yourself better. Your feelings about your partner could change.
People in nature, Nature, Natural environment, Green, Vegetation,女性 用 ラブドール Tree, Forest, Dress, Red, Beauty,
Once it was in, he tried to thrust in and out,オナドール but that was probably not the smartest thing for him to do since it burned really bad. It did so for a bit, but kind of went away. And when his penis finally went in, I thought I bled, but I didn’t.
and she said, ‘Is this happening?’, like her greatest fantasy had come true.”7.オナドール “I was riding him wild”
Everything about her was tall and full, from her riding boots to her cascading brown hair. 女性 用 ラブドールShe trained real horses, she explained
scenarios, positions and sexual exploits; ラブドール avlaughing and enjoying one another’s company.”
When it comes to enjoying the moment-by-moment in sex, they don’t have any real guidance on that.’ラブドール 女性 用 This could mean that many men subconsciousl
The first guy who initiated it, when I was only 14, almost succeeded, オナドールbut I kept on remembering my values and the principles I had set for myself.
And if your partner says that they just plain findjydoll it gross?
This was the part I was most comfortable with—the exhibition. Elsewhere, I might be a女性 用 ラブドール freak; here, I was accepted and admired.
Kanye’s music-inspired artworks embodies of his
extensive musical and expressive capabilities. These designs
not only showcase his songs, but also interpret his imaginative ideas.
Kanye’s music-inspired artworks can be found in several styles and designs.
Starting from theoretical descriptions of musical designs
to reasonable portrayals of Kanye’s legendary album covers,
these designs feature the reach of the artist’s musical and visual culture.
A main draw of Ye’s music-inspired art is its skill to
trigger sensations through esthetic expression. Each one
art piece communicates a information and in addition, then results
in another logical reason with regards to inspiration and as well innovation.
Also, Kanye’s musical artwork involves statements from his albums.
These statements introduce a tier of musical and artistic sharpness to
the perfect art work.
Looking for Kanye’s art inspired by music can be a one of a kind information with regard to admirers of the man and also his
sound.
In summary, Kanye’s music-themed art isn’t merely
an appearance of this musical masterpiece but as well a real perfect so that you this
hit related to musical technology entirely on the particular world.
Kanye’s music-inspired artworks mirrors of his manifold musical and imaginative talents.
These pieces don’t just depict his musical legacy, but also bring out his creativity.
Kanye West music art are sold in various styles and designs.
Featuring conceptual interpretations of musical images to actual representations of Kanye’s unforgettable music cover artwork, these artworks showcase the grandeur
of Kanye’s musical and innovative culture.
A main draw of Kanye’s musical artwork is its aptitude to inspire responses through visionary representation. Every single one art piece tells some
sort of facts and as a consequence leads to the sense relating to motivation additionally innovation.
Additionally, Kanye’s art inspired by music often involves quotes from his albums.
These statements deliver a coating of musical and visual depth to the creative creation.
Shopping for Ye’s music-inspired art works as a
initial endure with regard to readers about Kanye together with his song and music.
In summary, Kanye’s art inspired by music isn’t
exactly an extension of his / her musical and innovative genius but additionally another proper with regard
to the trauma among video on the particular world.
Kanye West musical creations portrays of his diverse musical and
visual skills. These pieces not only depict his albums, but also express his artistic genius.
Kanye’s art inspired by music are distributed in different styles and designs.
Ranging from nonobjective accounts of musical designs to logical depictions of Kanye’s classic music albums, these
art forms present the depth of the musician’s
musical and expressive legacy.
A popular aspect of Kanye West music art is its talent to
inspire responses through esthetic representation. Each individual piece explains the
latest history and in addition, then generates another reason why pointing to inventiveness on top
of that creativity.
To add, Kanye’s music-themed art regularly includes quotes from his hits.
These lyrics provide a stratum of musical depth to a huge create.
Collecting Kanye’s music-themed art works as a incredible working experience with regard to supporters involving Kanye and his awesome background music.
To sum up, Kanye’s musical artwork isn’t just a portrayal of
their musical and emotional wizard but additionally a meaningful perfect with regard to their to make contact
with related to new on some of the world.
We believe everyone has the right to find pleasure, ラブドール 女性 用have fun and enjoy their sexuality and wellness.’
whether our partners will reject us, and whether we’ll make aえろ 人形 horrible mess. Furthermore, our society’s lack of education about female pleasure
การเล่น “หวยฮานอย” เป็นอีก ทางออก หนึ่งที่ได้รับ ความชื่นชอบ
จาก พลเมืองไทย ในการ ทำ เมื่อ ดูเสมือน การ ทำ หวยรัฐบาลหรือ”หวยลาว” ความน่าสนใจ ของ”หวยฮานอย”คือ การ จับรางวัล
ทุกวัน ส่งผลให้ผู้ ซื้อ สามารถ ได้รับ ได้บ่อยครั้ง และ มีทางเลือก สร้าง รายได้เพิ่มเติม
จากการ เสี่ยง หวย
อย่างไรก็ตาม การ ทำ “หวยฮานอย”
ก็ไม่ ข้อจำกัด เนื่องจากผู้ ซื้อ บางรายอาจใช้เงิน มากเกินไปหรือ หลงใหล การพนัน ซึ่งอาจ ก่อให้เกิดผลเสีย ต่อ
ชีวิต นอกจากนี้ ยังมี ความเป็นไปได้
เรื่อง การถูกฉ้อราษฎร์บังหลวง จากผู้ที่ ต้องการทำเงิน โดยมิชอบ
เพื่อให้การ พนัน “หวยฮานอย” เป็นเพียงการ
เล่นเพื่อความสนุก เพื่อ ความบันเทิง และ ไม่ส่งผลกระทบ จึงควรมีการ ปกป้อง และ จัดการ อย่างใกล้ชิด เช่น การ จัดทำ วงเงิน ในการ เสี่ยง ที่ เพียงพอ รวมถึงการตรวจสอบ
ผู้ ละเมิด ทั้งนี้เพื่อให้การ ซื้อ “หวยฮานอย” เป็นส่วนหนึ่งของการใช้เวลาว่าง
อย่าง ระลึกถึงผู้อื่น และ ไม่ทำให้เกิดปัญหา ผู้อื่น
ของผู้ พนัน
Here is my web page; เว็บคาสิโนออนไลน์ที่มีทีมงานคอยให้บริการและดูแลลูกค้าตลอด 24 ชั่วโมง
James Bond – Casino Royale 프라그마틱 슬롯 하는법