سأرسل ساعة قبيحة اليوم ، لأكون صادقًا
هل هناك أي أداة لتصحيح القماش؟ أحتاج دائمًا إلى تحديث التأثير في المتصفح. أنا متعب جدا ~
(┬_┬)
شفرة:
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> مستند </title> <style> body {background: #EEE ؛ } canvas {background: #fff ؛ } </style> </head> <body> <canvas> لا يدعمه متصفحك ، يرجى الترقية ... </canvas> <audio id = "audio" src = "1.wav"> </udio> <script> var oaudio = document.getElementById ("audio") ؛ var ocas = document.getElementsByTagName ("canvas") [0] ؛ var cas = ocas.getContext ("2d") ؛ oaudio.ontimeupdate = function () {if (oaudio.currentTime> 0.1) {this.pause () ؛ }} /*clegial color* / var color = cas.createradialGradient (400،400،10،400،400،200) ؛ color.addcolorstop (0 ، "#f1f4f5") ؛ color.addcolorstop (1 ، "#c5c6c7") ؛ setInterval (function () {oaudio.currentTime = 0 ؛ oaudio.play () ؛ cas.clearrect (0،0،800،800) ؛ /*ارسم إطار الدائرة* / cas.linewidth = 3 ؛ cas.shadowcolor = "#888" ؛ cas.Arcs (400،200،0 cas.shadowoffsex = 0 ؛ Cas.Moveto (400+Math.cos (I*6*Math.PI/180)*200،400+Math.Sin (I*6*Math.Pi/180)*200) ؛ } آخر {cas.moveto (400+Math.cos (i*6*Math.Pi/180)*200،400+Math.sin (I*6*Math.pi/180)*200) ؛ CAS.LINETO (200-LEN)*MATH.COS (MATH.PI/180) S = Date.getSeconds () ؛ Cas.FillStyle = "#85834" ؛ /* وظيفة ساعة اليد*/وظيفة الإبرة (t ، len ، color) {var angle = math.pi/180 ؛ cas.beginpath () ؛ cas.strokestyle = اللون ؛ Cas.Moveto (400،400) ؛ cas.lineto (400+len*math.cos ((t*6-90)*angle) ، 400+len*math.sin ((t*6-90)*angle)) ؛ cas.stroke () ؛ } </script> </body> </html>تركيز هذه الساعة ليس على كيفية رسمها. في الوظائف المثلثية ، يرتبط استخدام وظائف المثلثية ارتباطًا وثيقًا بالزوايا. Math.pi هو π ، Math.sin () ، Math.cos () ، جميعهم يقبلون الراديان ، لذلك يجب عليهم
تحويل الزاوية إلى راديان. قبل رسم الساعة ، يجب عليك أولاً الحكم على شروط الساعة. قسّم الدائرة إلى 60 جزءًا ، ويمثل كل جزء مقياسًا ، وتستند إحداثيات الدائرة إلى الاتجاه الإيجابي في الرياضيات. لذلك،
تحتاج إلى ضبط إحداثيات البداية وتقليلها بمقدار 90 درجة إلى نفس موضع البداية على مدار الساعة.
قبل تعلم القماش ، يجب عليك مراجعة الوظائف الرياضية التي نسيتها من قبل. ليس شيئًا معقدًا. تعلم القماش هو تأكيد الإحداثيات باستمرار ثم توصيلها بالخطوط
أخيرًا ، يتم رسمها إلى رسم بياني ، وهو نفس النقطة إلى الخط والخط إلى السطح في الرياضيات.
ليس من الصعب استخدام الرمز أعلاه خطوط لرسم ، أي لاستخدام وظيفة رسم الخط وملء لونها بشكل متكرر. أوه ~ هناك أيضًا علامة صوتية لاستخدامها ، والصوت الذي يصل إلى الساعة هو وضع علامة على علامة ~
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.