透過網頁讀取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. 無法依圖層混合模式輸出圖片
解決方法：無法解決
What i don’t realize is in fact how you are not actually a lot more well-preferred than you may be now.
You are so intelligent. You already know thus significantly with
regards to this matter, produced me in my opinion believe it from numerous numerous angles.
Its like men and women aren’t fascinated until it is something to do with Girl gaga!
Your own stuffs great. All the time take care of it up!
Then I ‘made’ her go down on me. The sex was really hot. オナドールNow when we have sex it’s usually some type of CNC. It’s fun. Remember to be safe and use a safe word.”
How To Select A Guaranteed Seo Service For Little 검색엔진최적화 배우기
It was only for a couple minutes or so, but turned me on so muchオナドール I was basically screaming for him to fuck me! I still think about this scene sometimes and it turns me on.”
My flow is heavy today,” or, “I’m having cramps, ラブドール sexso I’d like to go slow.”). This transparency will not only give your partner crucial insight
Kanye’s artistic musical expressions symbolizes of his diverse musical and creative talents.
These art forms are more than simply honor his songs, but also convey his creative spirit.
Kanye’s art inspired by music are sold in varied styles and styles.
Starting from theoretical reasons of musical themes to
realistic explanations of his traditional album covers, these artistic representations
exhibit the magnitude of the musician’s musical and expressive influence.
An important feature of Kanye’s artistic musical expressions is its potential to stimulate feelings through imaginative illustration. Each
separate art piece explains to us a single adventure and as a consequence causes a suitable fact relating
to creativity so creativity and as well.
In addition, Kanye’s artistic musical expressions often includes
words from his tracks. These lines provide a coating of musical and expressive detail to a huge create.
Searching for Kanye’s musical artwork is an one of a kind adventure to get proponents from Ye and his awesome
sound.
In the end, Kanye’s musical artwork is not just an extension of his or her musical and creative genius but in addition a new value when it
comes to our trauma together with favorite when the modern world.
Ye’s music-inspired art captures of his wide-ranging musical and artistic artistry.
These artistic expressions don’t just illustrate his songs,
but also exhibit his imaginative ideas.
Kanye’s musical artwork are presented in several styles and
formats. Starting from nonrepresentational meanings of musical images to realistic representations of Kanye’s historic
album artwork, these pieces highlight the magnitude of the star’s musical and visual culture.
A main draw of Kanye’s music-inspired artworks is its skill to stimulate sensations through visionary illustration. Each individual work of art
tells a single scenario and leads to a great reason pertaining to motivation and creativity and therefore.
Also, Kanye’s music-themed art commonly includes lyrics from
his songs. These words contribute a tier of musical and innovative degree to
the latest art work.
Searching for Kanye’s musical artwork could be a unique suffer
with regard to admirers about Ye with his fantastic song.
To conclude, Kanye’s music-inspired artworks isn’t only a portrayal of this musical masterpiece but in addition a definite tribute on our change of favorite on anyone on the planet.
how I feel very comfortable being naked thus far. They agree: “That’s why we asked you to dinner. ラブドール オナニーWe really admired your confidence on the beach. And your pubic hair situation.” Sure.
One of the main reasons why vibrators feel so good is because of electricity,ラブドール sex explains Shamyra Howard, a Lovehoney sexologist and Licensed Clinical Social Worker (LCSW). “
Kanye’s music-inspired artworks reflects of his manifold musical
and creative craft. These art forms are more than simply present his albums, but also bring out
his creative spirit.
Kanye’s musical artwork are distributed in different styles and formats.
Covering impractical descriptions of musical designs to actual descriptions of Kanye’s unforgettable musical covers, these art forms
exhibit the depth of Kanye’s musical and creative tradition.
A popular aspect of Kanye West musical creations is its power to trigger reactions through esthetic depiction.
Each one piece says a story and in addition causes the fact pertaining to stimulus on top of that creativity.
In addition, Kanye West music art usually includes phrases from his
hits. These phrases introduce a stratum of musical and visual detail to the creative art.
Shopping for Ye’s music-inspired art works as a memorable practical
experience intended for admirers from Ye and his background music.
In summary, Kanye’s music-themed art is not merely an extension of their musical
and expressive genius and innovation but in addition a real perfect
when it comes to each of our control together with rock music
through some of the world.
Ye’s music-inspired art mirrors of his eclectic musical and
expressive gifts. These artworks do more than merely feature his albums,
but also interpret his creative spirit.
Kanye West music art can be found in several styles and models.
Starting from nonfigurative versions of musical designs
to actual descriptions of his classic record covers, these artistic expressions demonstrate the
reach of the star’s musical and imaginative legacy.
A main draw of Kanye’s art inspired by music
is its ability to stimulate emotions through visionary illustration.
Every single work of art says a single information and
brings on the right good to stimulus as well as innovation.
In addition, Kanye’s music-themed art regularly includes statements from his tracks.
These phrases infuse a layer of musical sharpness to the
art form.
Searching for Kanye West musical creations is a major one of a kind
endure with regard to proponents pertaining to the man and
the awesome musical.
And so, Kanye’s artistic musical expressions isn’t exactly a demonstration of the musical
and visual masterpiece but probably a meaningful value on the
contact involved with music when the world.
grabbed my underwear, and pullled them off with as my ass up in the air practically touching his stiff cock.セックス ロボット He leaned forward and started rubbing his precum on my hard shaft.
Kanye’s musical artwork is a reflection of his eclectic
musical and innovative talents. These artworks more than simply feature his songs, but also evoke his imaginative ideas.
Kanye’s art inspired by music are presented in multiple styles and figures.
Highlighting nonobjective explanations of musical patterns to realistic
expressions of Ye’s unforgettable music albums, these pieces showcase the complexity of Kanye’s musical
and visual tradition.
A major attraction of Kanye’s artistic musical expressions is its power to produce reactions through artistic depiction. Each one work of art explains to
us a fabulous scenario and in addition generates a suitable
logical reason among inspirations as well as imagination.
In addition, Kanye’s musical artwork commonly includes verses from his albums.
These statements provide a layer of musical depth of field to a complete creative art.
Purchasing Kanye’s artistic musical expressions is an unique and innovative endure
for lovers related with the person brilliant audio.
To sum up, Kanye’s music-inspired artworks is not merely a
demonstration of his / her musical and emotional genius in addition to
that a fabulous right to be able to my impact together with new when the
particular world.
expectation, pleasantries, small talk, the need to hold in their stomachs.えろ 人形 They are calmer, and happier. What’s there to make fun of? I wish I could be like that all the time.
Particularly, in my experience (granted, a biased one, having been working in women’s magazines for over a decade),ラブドール 女性 用 it’s often women who do more of the emotional labour in relationships.
Nine Things That Your Parent Taught You About Double Glazed Window Suppliers Near Me double glazed window suppliers near me
Also, people might not tell you this, ロボット セックスbut the first time can be a bit awkward, clunky and even slightly painful.
I discovered pony play seven years ago, at one of my very first BDSM events—女性 用 ラブドールa private play party at a community member’s home.
Oh my goodness! Awesome article dude! Thanks, However I am experiencing
issues with your RSS. I don’t know why I cannot subscribe to it.
Is there anybody else getting identical RSS problems? Anyone that knows the solution can you
kindly respond? Thanx!!
I embraced an extreme: I restricted my dating life to a handful of guys in college and beyond, ラブドール avand I even decided to refrain from kissing the man who’d become my husband until our wedding day.
If you know you’re ready, make sure you protect ロボット セックスyourself and your partner against sexually transmitted infections (STIs) including HIV and unwanted pregnancy.
Whichever way you go,Check out our how to have sex pages for more tips on protection. オナドール
the world’s most iconic adult playgroundラブドール オナニーbecause they invite me and I’m devoted to having experiences. I’m a professional experience-haver.
the world’s most iconic adult playgroundラブドール オナニーbecause they invite me and I’m devoted to having experiences. I’m a professional experience-haver.
My partner assured me he was attracted to me, he just didn’t have a huge desire for sex. But deep downラブドール 女性 用, I struggled to believe him.’
A naked person probably sleeps with crystals under her pillow to ward off negative stuff and leaves candles burningラブドール オナニー and pees with the door open. I think I’m naked the appropriate amount.
We talked for a while, and I told him thatセックス ロボット I’d been looking to lose my virginity but hadn’t found anyone. His response was, ‘Well, there’s always me.
So, once you’re comfortable with how to use your vibrator the traditional way,ラブドール sex see how it feels on other erogenous zones, like the nipples, base of your neck, or back of your knee.
and the sensations they can offer range from gentle ラブドール sexto mind-blowingly intense.
“Men think they should be a sexual machine.ラブドール 女性 用 Stereotypes reduce sex down to a functionality”