Я использую библиотеку face_detection или API из этого руководства на youtube https://www.youtube.com/watch?v=FfHilvUc25c Я пробовал то же самое, но получаю сообщение об ошибке, что холст испорчен данными перекрестного происхождения. В моем index.html нет холста.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="jquery.facedetection.min.js"></script>
<script>
$(document).ready(function(){
$('#picture').faceDetection({
complete: function (faces) {
console.log(faces);
}
});
})
</script>
<img id="picture" src="img/face1.jpg">
Я ожидал получить массив в консоли, но ничего не напечатано, кроме ошибки, в которой говорится: «Не удалось выполнить getImageData на« CanvasRenderingContext2D »: холст испорчен данными из разных источников».
file://
рассматривает каждый файл как свой собственный сервер - это делается для того, чтобы злонамеренный хакер не отправлял HTML-файл, который затем просматривает содержимое вашего жесткого диска при двойном щелчке по нему. Если вы не знакомы, достойный способ запустить локальный сервер при запуске - это использовать такое приложение, как MAMP, а затем указать его на свою папку. - person somethinghere   schedule 30.08.2019