מאפשר לך ליצור כל גרפיקה אינטרנט אתה יכול לדמיין

ממשק API מותאם אישית של JavaScript הם העתיד של האינטרנט. ה תנועת קוד פתוח בשילוב עם גרפיקה SVG יש blown לפתוח את האפשרויות עבור מפתחי אינטרנט.

גרפיקה היא ספריית קוד פתוח חינם JS API עבור בניית גרפיקה מותאמת אישית בדפדפני אינטרנט. זה יכול לשמש כ כלי להדמיה עבור נתוני גרפים, או שהוא יכול לשמש להכנת דברים מגניבים רק כדי להשוויץ.

בדף הבית, תמצא קטע גדול של הדגמות נוצר עם. ודוגמאות אלה רק לגרד את פני השטח של מה אפשרי.

הספרייה משתמש DOM וירטואלי משלה אשר הוא הפשטה של ​​DOM של הדפדפן. זה קצת בדומה ל- DOM וירטואלי של React והיא משמשת באופן דומה.

מאז ספריה זו משתמש שיבוט של DOM, זה גם צריך אלמנטים HTML אמיתי לעבוד על. בגלל זה זה משתמש ב- SVG / VML ולא אובייקטים מוטמעים בד HTML5.

זה היה מנוע גרפיקה שנבנה במקור בספריה AnyChart. משם זה היה צבט ו פתוח כמו המקור שלה JS API.

גרפיקה תומך בכל הדפדפנים העיקריים, אפילו מתאריך IE6 ו- Chrome 1.0.

כל קוד המקור זמין ב ריפו GitHub שבו אתה יכול להוריד עותק ולחטט סביב אם יש לך זמן. אבל אני חושב שהדרך הטובה ביותר ללמוד היא לצלול בראש.

אתה יכול לגלוש דרך מסמכים ב- API אבל אני בדרך כלל מוצא את המסמכים האלה מיותר. נעשה שימוש טוב ביותר ב- Google Docs כאשר אתה צריך למצוא שיטה ספציפית או שיחת API כדי התייחסות.

אם אתה רק מתחיל אתה יכול בקר במגרש המשחקים המתארחים באתר האינטרנט של AnyChart. זה מקום נחמד למצוא דוגמאות קוד עבודה לשבור את התחביר.

או, אם אתה באמת רוצה להתחיל עם ריבוע אחד ואז המדריך ההתחלתי של יכול לעזור. זה יותר כמו “רשמי” תיעוד אז זה יהיה להחזיק את היד שלך עבור עקומת למידה חלקה יותר בהשוואה למסמכי ה- API.

כך או כך, אני אוהב את GraphicsJS היה פתוח מקורות ושוחרר לתוך הקהילה המפתחים. זה רחוק מספריה מושלמת אבל זה אחד הטובים שיש לנו יצירת גרפיקה SVG מותאם אישית מאפס.

וכדי לקבל את ההילוכים שלך פונה, להלן אתה יכול לראות דוגמה של מה שאתה יכול לבנות עם Graphics.js.