Nice programing

IE에서 HTML5 캔버스 요소를 어떻게 사용할 수 있습니까?

nicepro 2020. 10. 19. 12:44
반응형

IE에서 HTML5 캔버스 요소를 어떻게 사용할 수 있습니까?


HTML5 캔버스 요소를 사용하여 일부 호와 원을 그리려고합니다. 이것은 FF에서 완벽하게 작동하지만 IE8은이를 지원하지 않는 것 같습니다.

이제 IE8이 Canvas에서 잘 작동하도록 만드는 자바 스크립트 라이브러리가 있습니다. 여기에서 예를 찾을 수 있습니다 .

전체 소스를 읽었지만 Canvas가 IE8에서 어떻게 작동하는지 이해할 수 없습니다. 누군가 사용 된 방법에 대해 약간의 빛을 던질 수 있습니까?


이 페이지는 IE의 VML 렌더러를 사용하여 캔버스 요소를 시뮬레이션하는 JS 라이브러리 인 excanvas 를 사용하고 있습니다.

Internet Explorer 9에서는 캔버스 태그가 기본적으로 지원됩니다 ! 자세한 내용은 MSDN 문서 를 참조하십시오.


fxCanvas를 사용해 볼 수 있습니다 : https://code.google.com/p/fxcanvas/

Flash shim 내에서 거의 모든 Canvas API를 구현합니다.


새로 출시 된 IE 용 Chrome 프레임 플러그인을 사용할 수 있지만 HTML 5 웹 사이트에 플러그인을 활성화하는 특수 메타 태그가 포함되어 있어야합니다.

http://code.google.com/chrome/chromeframe/

Chrome 프레임은 탐색 캔버스 (excanvas.js)를 사용하는 것 같습니다.


현재 ExplorerCanvas는 IE6, 7, 8 용 HTML5 캔버스를 에뮬레이션하는 유일한 옵션입니다. 성능도 매우 좋지 않습니다.

Google Chrome, Safari 및 Firefox의 실제 HTML5 캔버스 처리와 IE의 ExplorerCanvas 간의 차이를 벤치마킹하는 입자 시뮬레이션을 발견했습니다. 결과는 캔버스 태그를 지원하는 주요 브라우저가 ExplorerCanvas를 사용하는 IE의 에뮬레이트 된 HTML5보다 약 20 ~ 30 배 더 빠르게 실행된다는 것을 보여줍니다.

1) excanvas.js가 최대한 깔끔하게 코딩되어 있고 2) IE9가 출시되면 모든 주요 브라우저가 마침내 캔버스 객체를 지원할 것이기 때문에 누구든지 대안을 만들려고 노력할 것 같지 않습니다. 바라건대, 우리는 1 년 안에 IE9를 얻을 수있을 것입니다.

Eric @ www.webkrunk.com


IE8을 사용해야하는 경우 벡터 그래픽 용으로이 JavaScript 라이브러리를 사용해 볼 수 있습니다. IE8의 "캔버스"와 "SVG"비 호환성을 동시에 해결하는 것과 같습니다.

라파엘

빠른 예제로 시도해 보았고 올바르게 작동합니다. 소스 코드가 얼마나 읽기 쉬운 지 모르겠지만 도움이 되었기를 바랍니다. 그들이 사이트에서 말했듯이 라이브러리는 매우 오래된 탐험가와 호환됩니다.

Raphaël은 현재 Firefox 3.0 이상, Safari 3.0 이상, Chrome 5.0 이상, Opera 9.5 이상 및 Internet Explorer 6.0 이상을 지원합니다.


방금 flashcanvas를 사용 했고 작동하게되었습니다. 문제가 발생하면주의 사항과 기타 사항을 읽으십시오. 특히 캔버스 요소를 동적으로 생성하는 경우 명시 적으로 초기화해야합니다.

if (typeof FlashCanvas != "undefined") {
    FlashCanvas.initElement(canvas);
}

참고 URL : https://stackoverflow.com/questions/1332501/how-can-i-use-the-html5-canvas-element-in-ie

반응형