Skip to content

Update inject.html#136

Open
miladzain2006-boop wants to merge 1 commit intoritwickdey:masterfrom
miladzain2006-boop:patch-1
Open

Update inject.html#136
miladzain2006-boop wants to merge 1 commit intoritwickdey:masterfrom
miladzain2006-boop:patch-1

Conversation

@miladzain2006-boop
Copy link

<title>Hand Drawing - Ramadan</title> <script src="https://cdn.jsdelivr.net/npm/@mediapipe/hands/hands.js"></script> <script src="https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js"></script> <script src="https://cdn.jsdelivr.net/npm/@mediapipe/drawing_utils/drawing_utils.js"></script> <style> body{ margin:0; background:black; overflow:hidden; } canvas{ position:absolute; left:0; top:0; } video{ display:none; } </style>


<script> const videoElement = document.querySelector('.input_video'); const canvasElement = document.querySelector('.output_canvas'); const canvasCtx = canvasElement.getContext('2d'); canvasElement.width = window.innerWidth; canvasElement.height = window.innerHeight; let drawingPoints = []; // ===== Results from MediaPipe ===== function onResults(results) { canvasCtx.save(); canvasCtx.clearRect(0, 0, canvasElement.width, canvasElement.height); // draw camera image canvasCtx.drawImage( results.image, 0, 0, canvasElement.width, canvasElement.height ); if (results.multiHandLandmarks) { for (const landmarks of results.multiHandLandmarks) { // draw hand skeleton drawConnectors(canvasCtx, landmarks, HAND_CONNECTIONS, {color:'#00FFAA', lineWidth:3});

@pantoaibot
Copy link

pantoaibot bot commented Feb 21, 2026

Do you want me to review this PR? Please comment /review .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant