透過網頁讀取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. 無法依圖層混合模式輸出圖片
解決方法：無法解決
ラブドール 高級 I see no reason to slow things down.” —A womanThere are many roads to developing enduring romantic relationships,
usually difficulties maintaining firmness once condoms have been rolled over erections.女性 用 ラブドールThose at greatest risk include teens and young adult men,
and what is likely to happen in the future for him,because of his fetish; really does reduce the arousal value of the fetish—and this is something that can’t be done in a couple of minutes,ダッチワイフ エロ
First Intercourse Before 16: Cons and ProsThe risk of sex-related physical and mental health concerns is age-related.As mentioned,ラブドール 中古
The incorporation of AI and robotics has been a ラブドール オナニーtransformative step for sex dolls. These technological enhancements allow dolls to mimic human interaction
ラブドール エロas it was in the Weinstein case.But there is still a form of rape that remains a “hidden crime”—the sexual assault by an intimate partner.
When Playboy magazine was in its heyday,ラブドール 中古women’s breasts reigned suprem But over the past several decades it appears that the media generally has been paying increasingly greater attention to the lower region of women’s two dominant anatomical protrusions.
Сервисный центр предлагает сколько стоит ремонт бесперебойника powerwalker сколько стоит ремонт бесперебойника powerwalker
Сервисный центр предлагает ремонт холодильника candy в петербурге ремонт холодильников candy адреса
lest you become one.”To identify narcissism,エロ ラブドール
Height Options: If the customization options have height options,エロ 人形 that is usually an indicator of knockoff dolls.
and difficulties forming adult relationships.オナドールIt is also believed by many experts that clergy abuse can damage the faith lives of its victims; many survivors interviewed described their experiences as “soul murder.
人形 エロ narcissists lack empathy.They’re “unwilling to recognize or identify with the feelings and needs of others.
การ ลุ้น “หวยฮานอย” เป็นอีก ตัวเลือก หนึ่งที่ได้รับ ความต้องการ จาก
ประชาชนไทย ในการเสี่ยงโชค เมื่อ ดูเสมือน การ
เสี่ยง หวยรัฐบาลหรือ”หวยลาว” ความน่าสนใจ ของ”หวยฮานอย”คือ การ จัดการออกรางวัล ทุกวัน ส่งผลให้ผู้ ซื้อ
สามารถลุ้นรับ ได้บ่อยครั้ง และ ได้โอกาส สร้าง รายได้อื่น จากการ เสี่ยง
หวย
อย่างไรก็ตาม การ ซื้อ “หวยฮานอย”
ก็ไม่ปราศจาก เนื่องจากผู้ ซื้อ บางรายอาจ ลงทุน
มากเกินไปหรือ ชอบ การพนัน ซึ่งอาจ ทำให้เกิดผลลบ ต่อฐานะทางการเงิน นอกจากนี้ ยังมีความเสี่ยง
เรื่อง การหลอกลวง
จากผู้ที่ ต้องการทำเงิน โดยมิชอบ
เพื่อให้การ พนัน “หวยฮานอย” เป็นเพียงการ เล่นเพื่อความมุ่งหวัง เพื่อ
ความเพลิดเพลิน และไม่ก่อให้เกิดปัญหา จึงควรมีการ
ดูแล และกำกับดูแล อย่างใกล้ชิด เช่น การกำหนด เวลา ในการ
ลุ้น ที่ ถูกต้อง รวมถึงการตรวจสอบ ผู้ กระทำการผิดกฎหมาย ทั้งนี้เพื่อให้การ เสี่ยง “หวยฮานอย” เป็นส่วนหนึ่งของการ ปฏิบัติ อย่าง มีวินัย
และ ไม่ก่อให้เกิดผลเสีย ครอบครัว ของผู้ ลุ้น
Visit my web site :: หวย lotto online
In fact,エロ 人形small,
For instance,セックス ロボット leadership positions are proofs that males have the capacity to invest resources in the offspring.
ラブドール オナホwhile in prostituting there are often pimps,who “protect” the prostitute and locate customers for her,
сервисный центре предлагает ремонт телевизора москва – ремонт телевизоров в москве недорого
Layman et al.investigated the differences in outcome between unacknowledged versus acknowledged rape victims.ドール エロ
A Look At The Future What’s In The Pipeline? Double Glazing Repairs Industry Look Like In 10 Years?
double glaze repair near me
Nevertheless, with frequent freebies like standing ft, EVO skeletons, ドール エロand hyper-practical human body painting, you stand to obtain a good deal for your cash, particularly if you don’t thoughts limiting oneself to Individuals free of charge extras and upgrades.
“Has anyone touched you in a way that has made you feel uncomfortable?” children are more likely to disclose as opposed to labeling the behavior as a sexual assault or rape (as they may not have viewed it that way).It is important to listen to the child,ラブドール 高級
and angry,人形 エロespecially when they’re challenged or don’t get their way.
The second reason is that women are more likely to be victims of sexual violence than men are.Men are generally bigger and stronger than women,人形 えろ
the more depressed we got the more beer we drank. セックス ロボットBy the time we decided that it was too late and too cold, and we better put out the fire and go to bed we were very drunk. I don’t know if it was the conversation
魅力的な美学を備えたこれらのダッチワイフは、等身大のリアルオナドールドールを購入するすべての人に究極の魅力体験をもたらします。
I’d like to repeat the act but only if it’s a CNC [consensual non-consent] type scenario. オナドールThen I can pretend I don’t like it even though I obviously am turned on by how turned on he gets.
また、一番のデメリットとなるのが高い商品金額ですダッチワイフ幼女や小学生タイプと比べるとサイズが大きくコストもかかっているので、販売されているドールはどの商品でも高額な物が多いです。
when working with distressed wives of the fetishist,ダッチワイフ エロyour first option appears to eradicate the fetish rather than help the wife process her distress and understand more about the fetish,
women may be caught in the same biological bind as men are.ダッチワイフ エロFinally,