በhtml5 ውስጥ 2d አውድ ምንድን ነው?
በhtml5 ውስጥ 2d አውድ ምንድን ነው?

ቪዲዮ: በhtml5 ውስጥ 2d አውድ ምንድን ነው?

ቪዲዮ: በhtml5 ውስጥ 2d አውድ ምንድን ነው?
ቪዲዮ: HTML5 CSS3 JS | вёрстка | nav & footer 2024, ሚያዚያ
Anonim

ይህ ዝርዝር መግለጫውን ይገልፃል 2D አውድ ለኤችቲኤምኤል ሸራ ኤለመንት. የ 2D አውድ በ ሀ ላይ ግራፊክስን ለመሳል እና ለመቆጣጠር እቃዎችን፣ ዘዴዎችን እና ንብረቶችን ይሰጣል ሸራ ስዕል ወለል.

በተመሳሳይ፣ በኤችቲኤምኤል ውስጥ አውድ ምንድን ነው?

የሸራው አካል በ ውስጥ የተካተተ ትክክለኛው የDOM መስቀለኛ መንገድ ነው። HTML ገጽ. ሸራው አውድ በሸራ ኤለመንት ውስጥ ግራፊክስን ለመስራት ሊጠቀሙበት የሚችሉ ንብረቶች እና ዘዴዎች ያሉት ነገር ነው። የ አውድ 2d ወይም webgl (3d) ሊሆን ይችላል።

በሁለተኛ ደረጃ፣ የሸራ አውድ እንዴት አገኛለሁ? ትችላለህ ማግኘት 2መ አውድ የእርሱ ሸራ በሚከተለው ኮድ: var ሸራ = ሰነድ. ጌትElementByID(' ሸራ '); var ctx = ሸራ . getContext('2d'); ኮንሶል.

በዚህ መንገድ ሸራ ጌት ኮንቴክስክስ 2d ምንድን ነው?

የ GetContext () ዘዴው ላይ ለመሳል ዘዴዎችን እና ንብረቶችን የሚያቀርብ ዕቃን ይመልሳል ሸራ . ይህ ማጣቀሻ ባህሪያትን እና ዘዴዎችን ይሸፍናል GetContext (" 2ኛ ") ነገር, ጽሑፍን, መስመሮችን, ሳጥኖችን, ክበቦችን እና ሌሎችንም ለመሳል የሚያገለግል - በ ላይ ሸራ.

Canvas API ምንድን ነው?

የ Canvas API በጃቫስክሪፕት እና በኤችቲኤምኤል በኩል ግራፊክስን ለመሳል ዘዴን ይሰጣል ሸራ > ንጥረ ነገር. ከሌሎች ነገሮች በተጨማሪ ለአኒሜሽን፣ ለጨዋታ ግራፊክስ፣ ለዳታ ምስላዊነት፣ ለፎቶ ማጭበርበር እና ለእውነተኛ ጊዜ የቪዲዮ ማቀነባበሪያ ስራ ላይ ሊውል ይችላል። የ Canvas API በአብዛኛው የሚያተኩረው በ2-ል ግራፊክስ ላይ ነው።

የሚመከር: