คำถามติดแท็ก svg

คำถามเกี่ยวกับกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้; กลุ่มข้อมูลจำเพาะของรูปแบบไฟล์ที่ใช้ XML สำหรับการอธิบายกราฟิกแบบเวกเตอร์สองมิติทั้งแบบคงที่และแบบไดนามิก (เช่นแบบโต้ตอบหรือแบบเคลื่อนไหว) ถามทุกสิ่งที่เกี่ยวข้องกับการออกแบบกราฟิกสำหรับรูปแบบ SVG

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


8
การใช้รูปร่างของวัตถุเพื่อตัดวัตถุที่อยู่ด้านล่างใน Inkscape
ฉันกำลังแก้ไข svg ใน Inkscape และฉันมีวัตถุอยู่ด้านบนของวัตถุอื่น ฉันต้องการใช้รูปร่างของวัตถุด้านบนเพื่อตัดวัตถุที่อยู่ด้านล่าง สำหรับผู้ที่คุ้นเคยกับ GIMP ฉันพยายามทำบางอย่างเช่นเครื่องมือ "alpha to selection"
56 inkscape  svg 

6
ฉันจะฝัง Google Web Fonts ลงใน SVG ได้อย่างไร
ฉันกำลังเขียนบทความบนเว็บไซต์ของฉันเกี่ยวกับข้อดีของเทคโนโลยีเว็บใหม่ ๆ รวมถึง HTML5, CSS3 และ SVG ซึ่งเป็นข้อดีอย่างหนึ่งของความสามารถในการเลือกข้อความในภาพอย่างมีประสิทธิภาพ ฉันยังใหม่กับ SVG และเพิ่งสร้างกราฟิกที่ดีของฉันใน Illustrator ฉันฝังมันลงในหน้าด้วยสคริปต์ GWF สำหรับแบบอักษร Ubuntu ในแท็ก ตามที่ปรากฎตัวอักษร Ubuntu จะแสดงอย่างถูกต้องในข้อความปกติ แต่สำหรับเคล็ดลับนี้ในการทำงานใน SVG สคริปต์ของ Google จะต้องถูกฝังอยู่ใน SVG ฉันจะทำสิ่งนี้ได้อย่างไร
48 svg  web-fonts 

6
เปลี่ยนแอตทริบิวต์ viewbox ใน svg ส่งออกโดย illustrator
ฉันมีไฟล์ SVG พร้อมด้วย viewBox = "- 155.7 -99 510 510" ฉันเชื่อว่าสิ่งนี้ชดเชยเส้นทางในตัวอย่าง Mac OS X โดย -155.7 -99 เมื่อฉันเปิด SVG ใน Illustrator เส้นทางจะไม่ตรงข้ามเลย ฉันจะส่งออก svg นี้อย่างไร: viewBox = "0 0 510 510" และพา ธ ทั้งหมดได้เพิ่มออกจากชุด -155.7 -99 ฉันได้ลองเปลี่ยนตำแหน่งของกระดานภาพ แต่ต้นกำเนิดของช่องมองภาพไม่เคยเป็น 0,0

6
ฉันสามารถลดขนาดไฟล์ของ SVG ให้ใกล้เคียงกับ JPEG ที่เทียบเท่าได้หรือไม่
ฉันมีภาพที่ฉันใช้ในเว็บไซต์ ฉันต้องการใช้ SVG เพื่อให้สามารถมีขนาดใดก็ได้และยังดูกรอบ ดรอปบ็อกซ์นี้มีไฟล์ SVG เช่นเดียวกับไฟล์ Illustrator ดั้งเดิม นี่คือการส่งออก JPEG: SVG มีขนาดไฟล์ใหญ่กว่า JPG มาก เป็นไปได้หรือไม่ที่จะปรับ SVG ให้เหมาะสมเพื่อให้มีขนาดไฟล์ใกล้เคียงกัน? ฉันอาจสูญเสียคุณภาพบางอย่างถ้านั่นจะช่วย ฉันได้ลองใช้เครื่องมือเพิ่มประสิทธิภาพ SVG นี้แล้ว แต่ก็ไม่ได้สร้างความแตกต่างมากนัก หากฉันบันทึกไฟล์ Illustrator เป็น JPG ให้ติดตามผลลัพธ์และบันทึกเป็น SVG จากนั้นฉันจะได้รับขนาดไฟล์ที่เล็กกว่า แต่มีการสูญเสียคุณภาพ นี่ทำให้ฉันคิดว่าบางทีเลเยอร์ในแบบดั้งเดิมอาจทำให้เกิดขนาดใหญ่? ภาพที่ฉันทำงานด้วยซับซ้อนเกินกว่าจะเหมาะสมกับ SVG หรือไม่

1
ภาพดูนูนเมื่อแปลงเป็น SVG
ฉันแปลงภาพแรสเตอร์เป็นเวกเตอร์ใน Illustrator CS6 โดยใช้ Image Trace จากนั้นเลือกขยายแม้ว่าฉันจะบันทึกเป็น svg ภาพก็จะนูน ฉันสงสัยว่าเป็นเพราะพื้นหลังเลเยอร์เป็นสีขาวและเส้นทางไม่เรียงกัน แต่ฉันไม่แน่ใจว่าจะแก้ไขหรือพิสูจน์ทฤษฎีนั้นได้อย่างไรโดยไม่ต้องปรับตนเองทุกเส้นทาง นี่คือลักษณะที่ปรากฏใน Illustrator ก่อนที่ฉันจะส่งออก: ภาพมีลักษณะเช่นนี้เมื่อบันทึก / ส่งออกด้วยตัวเลือกการปรับให้เหมาะสมกับศิลปะ:

4
ฉันจะแก้ไขไฟล์. SVG ได้อย่างไร
Wikipedia มีชุด SVG กายวิภาคศาสตร์ที่กว้างขวางแต่ฉันไม่สามารถเน้นอวัยวะหรือส่วนต่าง ๆ แบบไดนามิกได้เนื่องจากไม่มีไฟล์ต้นฉบับที่มีเลเยอร์ที่ฉันสามารถจัดการได้ใน Photoshop หรือ GIMP ฉันจะแก้ไขไฟล์. SVG ได้อย่างไร

6
รูปแบบใดจะดีกว่าสำหรับการบันทึกรูปภาพสำหรับเว็บไซต์ PNG หรือ SVG?
เมื่อส่งออก / บันทึกภาพที่มีพื้นหลังโปร่งใสที่มีไว้สำหรับเว็บไซต์ฉันควรบันทึกเป็น PNG หรือ SVG หรือไม่ ทำไม?

1
เป็นไปได้หรือไม่ที่จะ "ย้อนกลับ" ไฟล์ SVG ไม่ใช่สี แต่เป็นพื้นที่ / เส้นทางจริง
ฉันมีไฟล์ SVG และฉันต้องการสร้างสิ่งที่ตรงกันข้าม มันเป็นไอคอนขาวดำและฉันต้องการเวอร์ชันที่โลโก้โปร่งใสและส่วนที่เหลือของสี่เหลี่ยมเต็มไปด้วยเส้นทาง ในทางทฤษฎีแล้วมันรู้สึกว่ามันควรจะเป็นปัญหาที่พบบ่อยและสิ่งที่คล้ายกับ Inkscape ควรมีฟังก์ชั่น "Invert Paths" (หรือคล้ายกัน) แต่ในทางปฏิบัติแล้วฉันไม่พบความช่วยเหลือที่เกี่ยวข้องใน Inkscape หรือ Google ขอบคุณ!
28 inkscape  svg 

4
ฉันจะใช้แบบอักษรที่กำหนดเองในภาพ SVG บนเว็บไซต์ของฉันได้อย่างไร
ฉันสร้างไอคอน Facebook ที่กำหนดเองโดยใช้ Inkscape และบันทึกเป็น svg มันใช้แบบอักษรเดียวกับชื่อของหน้าของฉันซึ่งใช้แบบอักษร "ubuntutitling-bold-webfont" ซึ่งฉันได้อ้างถึงเป็น. woff ในไฟล์ CSS ฟังก์ชั่นชื่อ แต่ svg ไม่ได้ - มันจะแสดง "f" ในแบบอักษรเริ่มต้นการจัดเรียงบางอย่าง ไฟล์ฟอนต์ตั้งอยู่ที่ ../fonts/ubuntutitling-bold-webfont.woff ในความสัมพันธ์กับ CSS และไฟล์รูปภาพและที่ fonts / ubuntutitling-bold-webfont.woff ในความสัมพันธ์กับหน้าเว็บ ฉันจะฝังแบบอักษรบนเว็บของ Google ลงใน SVG ได้อย่างไร แต่ฉันสับสนเล็กน้อยเกี่ยวกับวิธีการใช้รหัสกับ SVG หากฉันต้องการ SVG สามารถใช้แบบอักษร. woff ที่อ้างอิงในไฟล์ CSS ได้หรือไม่ วิธีที่ฉันเปลี่ยนแบบอักษรด้วยตนเองภายในไฟล์ SVG ถูกต้องหรือไม่? นี่คือรหัสสำหรับ SVG: <?xml version="1.0" …
28 css  svg  web-fonts 

7
ฉันจะให้ Illustrator ทำการคลิป artboard ไปยังขนาดวัตถุ vectorized ได้อย่างไร?
ฉันเพิ่งส่งออกรูปร่างจาก photoshop เป็นเส้นทางแล้วเติมลงในภาพประกอบ ตอนนี้ฉันต้องการบันทึกรูปร่างเป็น svg หรือ eps แต่ฉันไม่ต้องการบันทึกช่องว่างส่วนเกินทั้งหมดรอบวัตถุ ฉันต้องการให้มันถูกตัดส่วนที่มีขนาดของวัตถุไม่ใช่แบบบอร์ด ฉันจะทำสิ่งนี้ใน Adobe Illustrator cs6 ได้อย่างไร

5
วิธีการแปลง SVG สแควร์เป็น ICO ทุกขนาด?
ฉันวาดไอคอนใน InkScape และต้องการส่งออกไปยังไฟล์ ICO ที่จะรวม sprites สำหรับการแก้ปัญหาที่สมเหตุสมผลทั้งหมด (16x16, 32x32, ... 256x256 และอื่น ๆ ) วิธีนี้สามารถทำได้ (โดยไม่ต้องใช้ซอฟต์แวร์ขนาดใหญ่และมีราคาแพงเช่น Photoshop, CorelDraw และอื่น ๆ )?
24 inkscape  icon  svg  favicon 

5
การรักษาแบบอักษรในไฟล์ SVG
สวัสดีฉันยังใหม่กับนักวาดภาพประกอบและสร้างภาพที่ใช้แบบอักษร "Skia-Regular" แต่เมื่อฉันบันทึกภาพนั้นในรูปแบบ. svgมันจะเปลี่ยนประเภทแบบอักษร และเมื่อฉันเปิดไฟล์ฟอร์แมท. svg ในเบราว์เซอร์ฟอนต์นั้นแตกต่างอย่างสิ้นเชิง ทุกคนได้โปรดบอกฉันว่าฉันกำลังทำอะไรผิด ฉันได้เปิดไฟล์. svg ใน notepad ++ แล้วและมันบอกว่า font-family = "'Skia-Regular' และยังคงเป็นฟอนต์ที่ไม่ใช่ Skia Regular.Any ขอบคุณสำหรับความช่วยเหลือใด ๆ ขอบคุณ ภาพที่แนบมาสำหรับการอ้างอิง

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.