HTML5 קאַנוואַס נוצן

דעם עלעמענט האט בענעפיץ איבער אנדערע טעכנאָלאָגיע

HTML5 כולל אַ יקסייטינג עלעמענט גערופן CANVAS. עס האט אַ פּלאַץ פון ניצט, אָבער אין סדר צו נוצן עס איר דאַרפֿן צו לערנען עטלעכע דזשאַוואַסקריפּט, HTML און מאל CSS.

דאָס מאכט די CANVAS עלעמענט אַ ביסל דאָנטינג פֿאַר פילע דיזיינערז, און אין פאַקט, רובֿ וועט מיסטאָמע איגנאָרירן דעם עלעמענט ביז עס זענען פאַרלאָזלעך מכשירים צו מאַכן קאַנוואַס אַנאַמיישאַנז און גאַמעס אָן געוואוסט דזשאַוואַסקריפּט.

וואָס HTML5 קאַנוואַס איז געניצט פֿאַר

די HTML5 CANVAS עלעמענט קענען זיין געניצט פֿאַר אַ פּלאַץ פון זאכן אַז ביז אַהער, איר מוזן נוצן אַן עמבעדיד אַפּלאַקיישאַן ווי פלאַש צו דזשענערייט:

• דינאַמיש גראַפיקס
• אָנליין און אָפפלינע גאַמעס
• אַנאַמיישאַנז
• ינטעראַקטיוו ווידעא און אַודיאָ

אין פאַקט, די הויפּט סיבה מענטשן נוצן די CANVAS עלעמענט איז ווייַל פון ווי גרינג עס איז צו דרייען אַ קלאָר וועב בלאַט אין אַ דינאַמיש וועב אַפּלאַקיישאַן און דעמאָלט גער דעם אַפּלאַקיישאַן אין אַ רירעוודיק אַפּ פֿאַר נוצן אויף סמאַרטפאָנעס און טאַבלאַץ.

אויב מיר האָבן פלאַש, פארוואס טאָן מיר דאַרפֿן קאַנוואַס?

לויט די HTML5 באַשרייַבונג, די CANVAS עלעמענט איז:

"... אַ האַכלאָטע-אָפענגיק ביטמאַפּ לייַוונט, וואָס קענען זיין געניצט פֿאַר רענדערינג גראַפס, שפּיל גראַפיקס, קונסט, אָדער אנדערע וויזשאַוואַל בילדער אויף די פליג."

דער קאַנוואַס עלעמענט לעץ איר צייכענען גראַפס, גראַפיקס, גאַמעס, קונסט, און אנדערע וויזשאַוואַלז רעכט אויף די וועב בלאַט אין פאַקטיש צייַט.

איר זאל זיין טראכטן אַז מיר קענען שוין טאָן מיט פלאַש, אָבער עס זענען צוויי הויפּט דיפעראַנסיז צווישן CANVAS און Flash:

• די קאַוואַס עלעמענט איז עמבעדיד רעכט אין די HTML. די סקריפּס אַז ציען אויף עס זענען אין די HTML אָדער אין אַ לינגקט פונדרויסנדיק טעקע. דעם קען דער CANVAS עלעמענט איז אַ טייל פון די דאָקומענט כייפעץ מאָדעל, אָדער DOM.
  • פלאַש איז אַן עמבעדיד פונדרויסנדיק טעקע. עס ניצט אָדער די EMBED אָדער OBJECT עלעמענט צו אַרויסווייַזן, און קענען נישט ינטעראַקט גלייַך מיט די אנדערע HTML עלעמענטן. ווייַל דער CANVAS עלעמענט איז טייל פון די DOM, עס קענען ינטעראַקט מיט די דאָם אין פילע וועגן.
  • למשל, איר קען שאַפֿן אַ אַנאַמיישאַן אַז ענדערונגען ווען עטלעכע אנדערע טייל פון די בלאַט זענען ינטעראַקטיד מיט אַזאַ ווי אַ פאָרעם עלעמענט. מיט פלאַש, די רובֿ איר קען טאָן איז צו אָנהייבן דעם פלאַש פֿילם אָדער אַנאַמיישאַן, אָבער מיט CANVAS איר קען שאַפֿן פילע פאַרשידענע יפעקס, אַפֿילו צו לייגן דעם טעקסט פון די פאָרעם פעלד אין די אַנאַמיישאַן.
• די CANVAS עלעמענט איז נאַטיוועלי געשטיצט דורך וועב בראַוזערז. אין סדר צו נוצן די פלאַש צוטרוי, דיין בלעטערער מוזן זיין אינסטאַלירן. דעם איז אָפט אַ כאַסאַל פֿאַר רובֿ מענטשן רעכט צו אַוטדייטיד פלאַש ינסטאָלז אָדער די פאַקט אַז זייער אַפּערייטינג סיסטעם פשוט טוט נישט שטיצן עס.
  • עס איז גענוצט צו זיין אַז יעדער בלעטערער האט די פּלוגין אינסטאַלירן, אָבער דאָס איז ניט מער דער פאַל, און פילע זענען אפילו רימוווינג די פּלוגין רעכט צו שוועריקייטן. פּלוס, עס איז נישט אַפֿילו בנימצא אויף די פאָלקס יאָס פּלאַטפאָרמע.

קאַנוואַס איז נוציק אפילו אויב איר קיינמאָל פּלאַננעד צו נוצן פלאַש

איינער פון די הויפּט סיבות וואָס די קאַנוואַס עלעמענט איז אַזוי קאַנפיוזינג איז אַז פילע דיזיינערז האָבן ווערן געניצט צו אַ גאָר סטאַטיק וועב. בילדער קענען זיין אַנאַמייטאַד, אָבער אַז ס געטאן מיט GIF, און פון קורס איר קענען עמבעד די ווידעא אין בלעטער, אָבער ווידער, עס איז אַ סטאַטיק ווידעא אַז פשוט זיצט אויף די בלאַט און אפֿשר סטאַרץ אָדער סטאַפּס רעכט צו ינטעראַקשאַן, אָבער אַז ס אַלע.

דער CANVAS עלעמענט אַלאַוז איר צו לייגן אַזוי פיל ינטעראַקטיוויטי צו דיין וועב זייַטלעך ווייַל איצט איר קענען קאָנטראָלירן די גראַפיקס, בילדער און טעקסט דינאַמיקאַללי מיט אַ סקריפּטינג שפּראַך. דער קאַוואַס עלעמענט העלפט איר קער בילדער, פאָטאָס, טשאַרץ, און גראַפס אין אַנימאַטעד עלעמענטן.

ווען צו באַטראַכטן ניצן די קאַנוואַס עלעמענט

דיין וילעם זאָל זיין דיין ערשטער באַטראַכטונג ווען איר באַשלאָסן צו נוצן די CANVAS עלעמענט.

אויב דיין וילעם איז בפֿרט ניצן ווינדאָוז קספּ און הייסט 6, 7, אָדער 8, דעריבער שאַפֿן אַ דינאַמיש לייַוונט שטריך איז דעפיניטיווע זינט די בראַוזערז טאָן ניט שטיצן עס.

אויב איר זענען געבויט אַ אַפּלאַקיישאַן וואָס וועט זיין געניצט בלויז אויף ווינדאָוז מאשינען, דעמאָלט פלאַש זאל זיין דיין בעסטער געוועט. א אַפּלאַקיישאַן צו זיין געוויינט אויף ווינדאָוז און מעק קאָמפּיוטערס קען נוץ פון אַ סילווערליגהט אַפּלאַקיישאַן.

אָבער, אויב דיין אַפּלאַקיישאַן דאַרף צו זיין געוויזן אויף רירעוודיק דעוויסעס (ביידע אַנדרויד און יאָס) און מאָדערן דעסקטאַפּ קאָמפּיוטערס (דערהייַנטיקט צו די לעצט בלעטערער ווערסיעס), דעמאָלט ניצן די CANVAS עלעמענט איז אַ גוט ברירה.

האַלטן אין גייַסט וואָס ניצן דעם עלעמענט אַלאַוז איר האָבן פאַלש אָפּציעס אַזאַ ווי סטאַטיק בילדער פֿאַר עלטערע בראַוזערז וואָס טאָן ניט שטיצן עס.

אָבער, עס איז נישט רעקאַמענדיד צו נוצן HTML5 לייַוונט פֿאַר אַלץ. איר זאָל קיינמאָל נוצן עס פֿאַר זאכן ווי דיין לאָגאָ, כעדליינז, אָדער נאַוויגאַציע (כאָטש ניצן עס צו ופלעבן אַ חלק פון קיין פון די וואָלט זיין פייַן).

לויט די באַשרייַבונג, איר זאָל נוצן די עלעמענטן וואָס זענען פּאַסיק פֿאַר וואָס איר פּרובירן צו בויען. אזוי ניצן די HEADER עלעמענט צוזאמען מיט בילדער און טעקסט איז בילכער צו די CANVAS עלעמענט פֿאַר דיין כעדער און לאָגאָ.

אויך, אויב איר שאַפֿן אַן וועב בלאַט אָדער אַפּלאַקיישאַן וואָס איז דיזיינד אין אַ ניט-ינטעראַקטיוו מיטל ווי דרוקן, איר זאָל זיין געוויזן אַז די CANVAS עלעמענט וואָס איז דינאַמיקאַללי דערהייַנטיקט קען נישט דרוקן ווי איר דערוואַרטן. איר קען באַקומען אַ דרוק פון דעם קראַנט צופרידן אָדער פון די פאַלבאַקק צופרידן.