clmtrackr | Javascript library for precise tracking of facial features via Constrained Local Models | Computer Vision library
kandi X-RAY | clmtrackr Summary
kandi X-RAY | clmtrackr Summary
Javascript library for precise tracking of facial features via Constrained Local Models
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of clmtrackr
clmtrackr Key Features
clmtrackr Examples and Code Snippets
Community Discussions
Trending Discussions on clmtrackr
QUESTION
I am using https://github.com/auduno/clmtrackr
I am trying to get the image to be saved from the following example: https://github.com/auduno/clmtrackr/blob/dev/examples/facedeform.html
The issue is that I have obviously tried "canvas.dataToURL()". I can get the video of the webcam as an image; however, the overlay image is always transparent.
I attempted using the texture to draw on a canvas, but that also didn't work....
I have an example here: https://codepen.io/msj121/pen/RgXjYK
I want to save the whole image with overlay to a png, like "dataToURL" I suppose.
...ANSWER
Answered 2017-Jul-20 at 18:56The reason the webgl canvas is blank has been answered at least 10 times here on stackoverflow
Saving canvas to image via canvas.toDataURL results in black rectangle
Canvas toDataURL() returns blank image only in Firefox
toDataURL() of webgl canvas returning transparent image
Why does my canvas go blank after converting to image?
I know there's several more but I'm too lazy to search for all of them
The only reason I didn't mark this as a duplicate is because you wanted 1 png from 2 canvases.
If you want just 1 png then you need to capture from one canvas. So, draw the WebGL canvas into the video canvas then call toDataURL
on the video canvas.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install clmtrackr
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page