מחולל SVG גלים
התאימו את הגודל, הצורה והצבע של הגלים כדי ליצור מפרידי דפים או רקעים לאתר. העתיקו או שמרו את ה-SVG או את ה-CSS של הרקע, או שמרו תמונת PNG.
מה אפשר לעשות
התאמת צורה וצבעים
התאם את גובה הגל, המספר, המיקום וכיוון המילוי, וצור אותו בצבע אחד או בשני צבעים.
קבלת התוצאה בפורמט שמתאים לצורך
העתק ושמור קוד SVG או רקע CSS, או שמור כתמונת PNG.
איך להשתמש
בחירת צורת התחלה
התאם את הערכים ישירות, או בחר צורה דומה מ«בחירת תבנית».
התאמת גודל וצבעים
ציין רוחב, גובה, אמפליטודה ומספר גלים. התאם את מיקום ההתחלה ואת גובה המרכז בהגדרות המתקדמות.
יצירה ובדיקה של ה־SVG
בדוק את צורת הגל שנוצר ואת האזורים השקופים. צור מחדש לאחר שינוי ההגדרות.
קבלת הפורמט הדרוש
בחר SVG או רקע CSS להעתקה או לשמירה, או שמור את ה־PNG.
שימושים מועילים
חלוקת מקטעי הדף
צור מפרידים בצורת גל בין מקטעי תוכן או מעל לאזור הרגל.
התאמה לצבעי האתר שלך
השתמש בצבע אחיד או בגרדיאנט כדי ליצור נכס רקע שתואם לערכת הצבעים של הדף.
צורות גל ופורמטי שמירה
אמפליטודה ומספר גלים
האמפליטודה היא גודל השינוי האנכי, ומספר הגלים הוא מספר המחזורים לרוחב המלא. זו אינה תכונה להצגת צורות גל שמע.
מיקום הגל ואזורים שנחתכו
שנה את מיקום ההתחלה באמצעות הפאזה, ואת המיקום האנכי באמצעות גובה המרכז. חלקים מחוץ לתמונה נחתכים.
בחירה בין SVG ל־PNG
SVG מייצג את הצורה כווקטורים. PNG שומר תמונה בממדי הפיקסלים שצוינו ומשמר אזורים שקופים.
מיקום רקע CSS
CSS מגדיר תמונת רקע. הגדר את רוחב וגובה הרכיב שבו אתה משתמש בו כדי לספק שטח להצגת הרקע.
שאלות נפוצות
האם ניתן להתאים את צורת הגל ואת הצבעים?
אפשר לציין ערכים וצבעים. בחר «שימוש בשני צבעים» כדי להגדיר את הצבע השני ואת זווית הגרדיאנט.
מה קורה להגדרות הנוכחיות כשבוחרים תבנית?
ההגדרות, כולל רוחב, גובה וצבעים, מוחלפות בהגדרות התבנית. התאם את הערכים הדרושים לאחר הבחירה.
האם התצוגה המקדימה משתנה כשמשנים הגדרות?
לאחר ביצוע שינויים, בחר «יצירת SVG» כדי לבדוק את התוצאה. תוצאה שנוצרה קודם אינה זמינה יותר לתצוגה או לשמירה.
האם ה־SVG הוא גל סינוס מדויק?
הגל מקורב בעקומה קובית חלקה. זו אינה צורת גל למדידה מתמטית או לניתוח שמע.
טיפול בקבצים
- קלט
- יצירה מהגדרות גל מספריות וצבעים. אין צורך לבחירת תמונה.
- פלט
- wave.svg, wave.css ו־wave.png. אפשר גם להעתיק את ה־SVG ואת ה־CSS.