這是代碼：<!DOCTYPE html><html> <head> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/facemesh"></script> <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-webgl"></script> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script> async function get_facemesh() { var canvas = document.getElementById("facemesh"); var draw = canvas.getContext("2d"); const stream = document.getElementById("movie"); const model = await facemesh.load((maxFaces = 1)); while (1) { const faces = await model.estimateFaces(stream); if (faces.length != 0) { canvas.width = canvas.width; var mesh = faces[0].scaledMesh; var widthAcross = mesh[454][0] - mesh[234][0]; var heightVertical = mesh[152][1] - mesh[10][1]; console.log(heightVertical); draw.fillStyle = "red"; for (var i = 0; i < mesh.length; i++) { draw.fillRect(mesh[i][0], mesh[i][1], 2, 2); } } else { console.log(`No faces have been detected`); } await tf.nextFrame(); } }這是為那些喜歡的人提供的 codepen.io 鏈接：https ://codepen.io/mdsiam8/pen/gOrPayp 。我嘗試使用位置固定技巧，但它沒有用，即使它們正好在彼此之上。感覺畫布有點拉伸或者稍微向左變形。我試著擺弄這個但我找不到解決辦法，所以如果你們中的任何人能幫助解決這個問題，我將不勝感激。順便說一下，我知道在網(wǎng)絡攝像頭上偏移的小臉網(wǎng)是不正常的，因為我有另一個文件并使用了位置固定技巧，而且那個是完美的，所以我不確定為什么它不是這個也是如此。
如何將畫布準確地堆疊在網(wǎng)絡攝像頭流的頂部？
達令說
2023-01-06 09:43:12
