Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

सर्कल टकराव का पता लगाने HTML5 कैनवास

<घंटा/>

यदि हम यह जांचना चाहते हैं कि वृत्त एक-दूसरे से टकरा रहे हैं या नहीं, तो एक तरीका यह है कि वृत्तों के दो केंद्रों के बीच की दूरी प्राप्त की जाए और प्रत्येक वृत्त की त्रिज्या को उस दूरी से घटाया जाए

हम यह भी जांचते हैं कि दूरी 1 से अधिक है या नहीं। यदि हम इसे 20 मंडलियों के लिए जांचना चाहते हैं, तो हमें दूरी में सटीक अंतर की गणना करने की आवश्यकता है। केंद्रों की x/y स्थिति बनाम त्रिज्या।

bs(x2 - x1) > (r2 + r1)
abs(y2 - y1) > (r2 + r1)

यदि वृत्त केंद्रों के बीच X या Y में दूरी त्रिज्या के योग से अधिक है, तो वृत्त नहीं टकरा सकते।


  1. एक HTML5 कैनवास तत्व प्रिंट करें

    HTML5 कैनवास तत्व प्रदर्शित करने के लिए कोड स्निपेट निम्नलिखित है। <a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() {    $("#canvas_voucher").printElement(); } यहां कैनवास_वाउचर कैनवास तत्व की आईडी है। इसे कार्य करने के लिए हमे

  1. HTML5 कैनवास परिवर्तन

    HTML5 कैनवास ऐसे तरीके प्रदान करता है जो सीधे रूपांतरण मैट्रिक्स में संशोधन की अनुमति देता है। रूपांतरण मैट्रिक्स प्रारंभ में पहचान परिवर्तन होना चाहिए। फिर इसे रूपांतरण विधियों का उपयोग करके समायोजित किया जा सकता है। उदाहरण आइए कैनवास परिवर्तन का एक उदाहरण देखें: function drawShape(){// DOM वर

  1. HTML5 में कैनवास को कैसे केन्द्रित करें?

    HTML 5 में कैनवास को केन्द्रित करने के लिए, कैनवास टैग को div टैग में शामिल करें। तब हम div टैग को केंद्र में संरेखित कर सकते हैं। ऐसा करने से, कैनवास भी मध्य संरेखित होता है। उदाहरण <!DOCTYPE html>. <html>    <body>       <div style = "text-align:c