15.8.2 ขนาดและจุดพิกัดของ canvas

  • ใช้ attribute width กับ height ใน html tag
  • ใช้ property width กับ height ของ canvas object
  • มีหน่วยเป็น pixel
  • ใช้หน่วยความจำสี่ byte ต่อหนึ่ง pixel
  • ถ้าเปลี่ยนขนาด canvas จะถูก reset
  • 0,0 อยู่ที่มุมซ้ายบนของ element
  • Y+ ลงล่าง
  • X+ไปทางซ้าย
  • ค่าของจุดเป็น floating point



Comments

Post a Comment

Popular posts from this blog

Object ใน JavaScript, Object Literal

Shorthand Properties Normal: let x = 1 , y = 2 ; let o = { x : x, y : y }; ทางลัดใน ES6 let x = 1 , y = 2 ; let o = { x, y }; o.x + o.y // => 3 ชื่อ Property ที่มาจากการคำนวณ ปกติ const PROPERTY_NAME = "p1" ; function computePropertyName() { return "p" + 2 ; } let o = {}; o[PROPERTY_NAME] = 1 ; o[computePropertyName()] = 2 ; ES6 ในเครื่องหมาย [] จะเป็น JavaScript Expression อะไรก็ได้ const PROPERTY_NAME = "p1" ; function computePropertyName() { return "p" + 2 ; } let p = { [PROPERTY_NAME]: 1 , [computePropertyName()]: 2 }; p . p1 + p . p2 // => 3 ชื่อ Property ที่เป็น Symbol const extension = Symbol( "my extension symbol" ); let o = { [extension] : { /* extension data stored in this object */ } }; o[extension].x = 0 ; // This won't conflict with other properties of o Spread Operator ES2018 ขึ้นไป จะแตกเฉพาะ own property เท่านั้น หลีกเลี่ยงการใช้ในลูปเพราะ...
Read more

Locale Storage กับ sessionStorage

 Locale Storage กับ sessionStorage เป็น Object ที่เป็น property ของ Object Window ค่าของ property ของ Locale Storage กับ sessionStorage จะเป็น String เท่านั้น อายุการเก็บค่ากับ Scope   Lifetime Scope localStorage ตลอดไปจนกว่าจะถูกลบ document origin (protocol+hostname+port) sessionStorage หายไปเมื่อปิดหน้าต่าง (Browser อาจจะเอาค่ากลับคืนหากมีการใช้ restore tab ) document origin + window Script ที่รันคนละหน้าต่างหรืแท็บจะมี sessionStorage แยกกัน การใช้งาน ใช้แบบ object ปกติ let name = localStorage . username; // Query a stored value . if ( ! name) { name = prompt( "What is your name?" ); // Ask the user a question . localStorage . username = name; // Store the user 's response. } delete localStorage . username //Use delete operator สามารถใช้ for/in หรือ Object.key() ได้ ใช้ผ่าน methods clear() getItem(keyName) setItem(keyName, keyValu...
Read more