ฉันจะส่งนาฬิกาน่าเกลียดวันนี้เพื่อซื่อสัตย์
มีเครื่องมือในการดีบักผืนผ้าใบหรือไม่? ฉันต้องรีเฟรชเอฟเฟกต์ในเบราว์เซอร์เสมอ ฉันเหนื่อยมาก ~
()
รหัส:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> เอกสาร </title> <style> ร่างกาย {พื้นหลัง: #eee; } Canvas {background: #FFF; } </style> </head> <body> <sanvas> เบราว์เซอร์ของคุณไม่รองรับโปรดอัพเกรด ... </canvas> <audio id = "Audio" src = "1.WAV"> </audio> <script> var oaudio = document.getElementById ( var ocas = document.getElementsByTagname ("Canvas") [0]; var cas = ocas.getContext ("2d"); oaudio.ontimeUpdate = function () {ถ้า (oaudio.currenttime> 0.1) {this.pause (); }} /*สีไล่ระดับสี* / var color = cas.createradialgradient (400,400,10,400,400,200); Color.addColorStop (0, "#F1F4F5"); Color.addColorStop (1, "#C5C6C7"); setInterval (ฟังก์ชั่น () {oaudio.currenttime = 0; oaudio.play (); cas.clearrect (0,0,800,800); /*วาดกรอบวงกลม* / cas.linewidth = 3; cas.shadowcolor = "#888"; cas.shadowoffsetx = 1; cas.arc (400,400,200,0, math.pi*2, false); Cas.ShadowOffsetx = 0; Cas.moveto (400+Math.cos (i*6*Math.pi/180)*200,400+Math.sin (i*6*Math.pi/180)*200); } else {cas.moveto (400+math.cos (i*6*math.pi/180)*200,400+math.sin (i*6*math.pi/180)*200); cas.lineto (400+ (200-len)*math.cos (i*6*math.pi/180), 400+(200-len)*math.sin (i*6*math.pi/180); s = date.getSeconds (); Cas.FillStyle = "#858384"; /* ฟังก์ชั่นของมือชั่วโมง*/ฟังก์ชั่นเข็ม (t, len, สี) {var angle = math.pi/180; Cas.BeginPath (); cas.strokestyle = สี; Cas.Moveto (400,400); cas.lineto (400+len*math.cos ((t*6-90)*มุม), 400+len*math.sin ((t*6-90)*มุม)); cas.stroke (); } </script> </body> </html>จุดเน้นของนาฬิกานี้ไม่ได้อยู่ที่วิธีการวาด ในฟังก์ชันตรีโกณมิติการใช้ฟังก์ชันตรีโกณมิติมีความสัมพันธ์อย่างใกล้ชิดกับมุม math.pi คือπ, math.sin (), math.cos () พวกเขาทุกคนยอมรับเรเดียนดังนั้นพวกเขาจึงต้อง
แปลงมุมเป็นเรเดียน ก่อนที่จะวาดนาฬิกาคุณต้องตัดสินเงื่อนไขของนาฬิกาก่อน แบ่งวงกลมออกเป็น 60 ส่วนแต่ละส่วนแสดงถึงสเกลและพิกัดของวงกลมจะขึ้นอยู่กับทิศทางเชิงบวกในคณิตศาสตร์ ดังนั้น,
คุณต้องปรับพิกัดเริ่มต้นและลดลง 90 องศาให้เป็นเช่นเดียวกับตำแหน่งเริ่มต้นของนาฬิกา
ก่อนเรียนรู้ผืนผ้าใบคุณต้องตรวจสอบฟังก์ชั่นทางคณิตศาสตร์ที่คุณลืมไปก่อน ไม่ใช่สิ่งที่ซับซ้อนที่จะทำ การเรียนรู้ของผืนผ้าใบคือการยืนยันพิกัดอย่างต่อเนื่องแล้วเชื่อมต่อเข้ากับเส้น
ในที่สุดมันก็ถูกวาดลงในไดอะแกรมซึ่งเหมือนกับจุดไปยังเส้นและเส้นต่อพื้นผิวในคณิตศาสตร์
รหัสด้านบนไม่ยากที่จะใช้บรรทัดในการวาดนั่นคือการใช้ฟังก์ชั่นการวาดเส้นและเติมสีซ้ำ ๆ โอ้ ~ นอกจากนี้ยังมีแท็กเสียงที่จะใช้และเสียงที่มาถึงนาฬิกากำลังฟ้องฟ้อง ~
ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการเรียนรู้ของทุกคนและฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น