canvas 의 getImageData 로 인 한 브 라 우 저 보안 오류
오늘 canvas 의 그림 데이터 로 함수 가 져 오기: getImageData
var img = new Image();
img.onload = function(){
ctx.drawImage(img, 10, 10);
var imagedata = ctx.getImageData(10, 10, 200, 200);
ctx.putImageData(imagedata, 10, 220); //
}
img.src = 'imageData.jpg'; //200x200
브 라 우 저 에서 오류 가 발생 했 습 니 다. firebug 에서 보 여 준 오 류 는:
Security error" code: "1000
var imagedata = ctx.getImageData(10, 10, 200, 200);
인터넷 에서 찾 아 보 니 이 함수 에는 js 크로스 필드 문제 가 포함 되 어 있 었 다.
로 컬 테스트 에 사용 되 는 그림 은 폴 더 에 있 는 것 일 수도 있 고 url 일 수도 있 습 니 다. js 크로스 도 메 인 제한 은 같은 도 메 인 이름 이 아 닌 데 이 터 를 가 져 올 수 없습니다. 로 컬 위 치 는 도 메 인 이름 이 없습니다. url 은 같은 도 메 인 이름 이 아 닙 니 다. 그래서 브 라 우 저 는 도 메 인 을 뛰 어 넘 었 다 고 생각 하기 때문에 잘못 보고 한 것 입 니 다.
이 코드 를 꼭 테스트 해 야 한다 면 해결 방법 도 쉬 울 것 입 니 다. 저 는 직접 apache 루트 디 렉 터 리 에 파일 을 넣 고 localhost 에 방문 하면 OK 입 니 다.
참고 글:
http://blog.project-sierra.de/archives/1577
/ * -------------------------------------------------------------------------------------------------
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
