มีเหตุผลโลโก้ของฮิลลารีคลินตันมีรอยหยักหรือไม่

คำถามนี้ไม่ใช่ประเด็นทางการเมืองอย่างน้อย!

ในขณะที่ดูโลโก้ SVG ของฮิลลารีที่พบที่นี่ฉันสังเกตเห็นว่ามีรอยหยักในแถบแนวตั้งสองอันของเอชลูกศรคานขวางครอบคลุมรอยหยักเพื่อไม่ให้พวกเขาเห็นเมื่อดูโลโก้ แต่ฉันสงสัยมากว่าทำไมผู้ออกแบบอาจใส่รอยหยักเหล่านี้ มีใครรู้บ้าง

เพื่อป้องกันสิ่งประดิษฐ์ที่เป็นไปได้

หากไม่มีรอยหยักคุณอาจเห็นขอบของรูปร่างด้านล่างซึ่งตรงกับขอบของรูปร่างซ้อนทับ (บนหน้าจออย่างไรก็ตามมันไม่ได้เป็นปัญหาจริง ๆ เมื่อพิมพ์)

คุณสามารถดูตัวอย่างและคำอธิบายของสิ่งประดิษฐ์ที่เป็นไปได้ที่นี่:

• ภาพดูนูนเมื่อแปลงเป็น SVG

• วิธีการวางวัตถุหนึ่งทั้งด้านหน้าและด้านหลังวัตถุอื่นในเวลาเดียวกันได้อย่างไร

ไม่มีเหตุผลใดที่จะมีการจัดตำแหน่งขอบอย่างสมบูรณ์แบบซึ่งจะทำให้เกิดสิ่งประดิษฐ์เช่นนั้นดังนั้นการใช้ "รอยหยัก" เช่นเดียวกับในโลโก้ของฮิลลารีเป็นนิสัยที่ดีในการเข้ามา

การทำความเข้าใจกับ rasterization และอัลกอริทึมของจิตรกรอาจช่วยได้

วิธีหนึ่งในการเรนเดอร์กราฟิกแบบเวกเตอร์ (กราฟิกที่กำหนดโดยรูปหลายเหลี่ยมแทนที่จะเป็นพิกเซล) ไปที่พิกเซลคือการทำให้รูปหลายเหลี่ยมเป็น rasterize ในขณะที่ใช้อัลกอริทึมของจิตรกร

อัลกอริทึมของจิตรกรเป็นกระบวนการจากล่างขึ้นบนซึ่งคุณวางพื้นหลังไว้ก่อนจากนั้นจึงวาดที่ด้านบนของพื้นหลังนั้นด้วยแต่ละชั้นของสีจนกว่าจะถึงชั้นบนสุด

เมื่อคุณฝากเลเยอร์คุณจะต้องใส่ใจกับความครอบคลุมของมัน (โดยปกติจะเก็บไว้ในช่องพิเศษ, ช่องอัลฟา) และใช้มันเพื่อผสมสีที่เพิ่มเข้ากับสิ่งที่มีอยู่แล้ว

หากเลเยอร์ใหม่ของคุณครอบคลุมพิกเซล 50% และเป็นสีน้ำเงินคุณจะเฉลี่ยสีปัจจุบันของพิกเซลนั้นด้วยสีน้ำเงินและวาดที่นั่นแทน

สิ่งต่าง ๆ มีความซับซ้อนมากขึ้นหากคุณกำลังสร้างภาพด้วยความโปร่งใส แต่ไม่ใช่พื้นฐาน

Rasterization เป็นกระบวนการเปลี่ยนรูปหลายเหลี่ยมเป็นพิกเซล ที่นี่เราคำนวณจำนวนรูปหลายเหลี่ยมที่ครอบคลุมพิกเซลที่กำหนดโดยใช้พีชคณิตบางส่วนจากนั้นคำนวณจำนวนความครอบคลุม

หากคุณมีสองเหลี่ยมของรูปหลายเหลี่ยมที่มีความบังเอิญ - อยู่ด้านบนของกันและกัน - แต่ทั้งสองปกครึ่งพิกเซลที่กำหนดสิ่งที่เกิดขึ้นเป็นปัญหา

สมมติว่ารูปหลายเหลี่ยมด้านล่างเป็นสีแดงและสีน้ำเงินด้านบนและพื้นหลังเป็นสีขาว

ก่อนอื่นเราทาสีแดง ผสมกับสีขาวซึ่งนำไปสู่ ​​50% สีขาวสีแดง 50%

จากนั้นเราทาสีฟ้า ผสมกับสีขาว 50% สีแดง 50% และเราได้สีขาว 25% สีแดง 25% สีน้ำเงิน 50% สิ่งเดียวกันนี้เกิดขึ้นถ้าสีแดงและสีน้ำเงินพบกันที่ตรงกลางหรือถ้าสีน้ำเงินครอบคลุมสีแดงอย่างสมบูรณ์

แต่ "ในความเป็นจริง" รูปหลายเหลี่ยมสีน้ำเงินครอบคลุมสีแดงอย่างสมบูรณ์ดังนั้นทำไมเราถึงเห็นมัน เนื่องจากอัลกอริทึมลืมรายละเอียดการวางตำแหน่งพิกเซลย่อย

ตราบใดที่มีความครอบคลุม 100% ของรูปหลายเหลี่ยมเดียวนี่ก็ไม่ใช่ปัญหา

ตอนนี้ปัญหานี้ไม่ได้เป็นพื้นฐาน คุณสามารถทำการเรนเดอร์รูปหลายเหลี่ยมด้วยการติดตามเรย์เช่นวิธีการ (ที่คุณแสดงผลเกินโดยใช้ปัจจัย N ^ 2 ที่จุด) หรือแม้แต่วิธีการเวกเตอร์แบบบริสุทธิ์ (ซึ่งคุณลบการบล็อกรูปร่างออกจากเรขาคณิตของรูปร่างใต้ ตัดพวกเขาออก) ไม่ว่าในกรณีใดสี "ที่ซ่อนอยู่" จะรั่วไหลผ่านไปยังภาพที่ส่งออก

อัลกอริทึมของจิตรกรไม่ใช่เพียงกรณีเดียวที่รูปทรง "ซ่อน" สามารถรั่วซึมได้ หากคุณกำลังพิมพ์ด้วยสื่อที่ทึบแสงบางครั้งเลเยอร์สีจะไม่เรียงกันอย่างสมบูรณ์ ดังนั้นการรั่วไหลของเลเยอร์ภายใต้เมื่อเลเยอร์ด้านบนควรครอบคลุมอย่างสมบูรณ์

ในขณะที่คุณไม่ทราบว่าภาพเวกเตอร์ของคุณจะออกมาเป็นอย่างไรรอยหยักแบบนั้นทำให้คุณสามารถสร้างภาพที่มีความทนทานกว่าเทคนิคการพิมพ์ / การแสดงผลที่ไม่สมบูรณ์

Cai ถูกต้อง ฉันคิดว่าฉันจะเพิ่มคำตอบด้วยภาพเช่นกัน

เหตุผลนี้เกิดขึ้นได้เพราะมันเป็น SVG ซึ่งแตกต่างจากภาพแรสเตอร์ที่คุณควบคุมแต่ละพิกเซลที่แสดงผลการแรสเตอร์ของ SVG นั้นเกิดขึ้นในเบราว์เซอร์ ... ดังนั้นเบราว์เซอร์จะทำการตัดสินใจเหล่านี้

การตัดสินใจอย่างหนึ่งที่เบราว์เซอร์ต้องทำคือเมื่อต้องทำการลบนามแฝง โดยทั่วไปแล้วจะทำเช่นนี้เมื่อจุดตามเส้นตรงตกลงบนพิกเซล จากนั้นจะป้องกันนามแฝงของพิกเซลนั้น เนื่องจากมันจะแสดงเลเยอร์ทั้งหมดของ SVG มันจะทำสิ่งนี้กับแต่ละเลเยอร์และนั่นคือสิ่งที่คุณสามารถเริ่มรับการสร้างขอบ นี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งเมื่อคุณเล่นด้วยการซูมของ SVG ซึ่งจะทำให้พิกเซลหน้าจอซ้อนทับกัน

นี่คือภาพหน้าจอของกล่องสีเขียวซ้อนทับกล่องสีแดงใน Chrome ด้านบนอยู่ที่ 100% การซูมหน้าส่วนล่างจะถูกซูมเข้าสังเกตเห็นความแตกต่างในการแสดงผลขอบนั้น:

หากหน้าจอฉันถ่ายภาพนั้นและซูมเข้าเพื่อแสดงการแรสเตอร์ให้คุณเห็นภาพที่ชัดเจนว่าเกิดอะไรขึ้น:

การแก้ไขที่สมบูรณ์แบบสำหรับ SVG rasterizer ในเบราว์เซอร์คือ 'ฉลาดกว่า' และไม่แสดงผลสิ่งที่ซ้อนกัน แต่เนื่องจากองค์ประกอบ SVG สามารถจัดการภายนอกและใช้งานได้จริง (เป็นเพียงไฟล์ XML) ไม่ใช่วิธีแก้ปัญหาที่ใช้งานได้จริง สำหรับเบราว์เซอร์

ดังนั้นนักออกแบบจะทำการตัดสินใจโดยใช้รอยหยักที่คุณเห็น

โดยวิธีการนี้จะคล้ายกันในแนวคิดวิธีการจัดการกับการลงทะเบียนในการพิมพ์โดยใช้การวางกับดัก

การพิมพ์หลายสีต้องใช้การลงทะเบียนที่ถูกต้องเพื่อหลีกเลี่ยงช่องว่างที่ไม่น่าดูและเป็นเรื่องที่ต้องคำนึงถึงเมื่อสิ่งประดิษฐ์ถูกสร้างขึ้นจากหลายแหล่ง ความกังวลที่คล้ายกันสามารถเกิดขึ้นได้แม้ในผลิตภัณฑ์ดิจิตอลที่มีความแม่นยำทางคณิตศาสตร์ จำกัด แนะนำข้อผิดพลาด

ปัญหาที่ควรหลีกเลี่ยงคือการดักแบบผกผัน- ซึ่งการเบี่ยงเบนจากกราฟิกที่ตั้งใจสามารถทำให้เกิดเส้นบาง ๆ ของสีพื้นหลังที่แสดงทางด้านซ้ายของขอบพ้องในแนวตั้ง เนื่องจากสีมีความเปรียบต่างสูงผลกระทบจะสังเกตเห็นได้ชัดเจน (ลองย้ายเส้นที่แตกได้แม้กระทั่ง 1 พิกเซลทางด้านซ้ายของแนวตั้ง

วิธีนี้ไม่ได้มีวัตถุประสงค์เพื่อส่งผลกระทบต่อการผสมหมึก พิกัดที่สอดคล้องกันบนหน้าจอจะช่วยหลีกเลี่ยงปัญหาในขณะที่ใช้การปรับสีครึ่งเพื่อจัดการสี