Seonglae ChoObject -
폴리필(polyfill)
Polyfill, Shims, Fallback이란 용어들을 들어보셨을 겁니다. 용어는 틀려도 각각의 목적은 브라우저별로 다름없는 기능 구현이 목적입니다. 즉, 크로스 브라우징을 염두한 것입니다. 그림출처: http://addyosmani.com/blog/writing-polyfills/ 폴리필(polyfill)은 개발자가 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수 있는 코드 조각이나 플러그인을 말한다. 폴리필은 HTML5 및 CSS3와 오래된 브라우저 사이의 간격을 메꾸는 역할을 담당한다.
https://webdir.tistory.com/328
fetch API polyfill - 생활코딩
2018년 현재 fetch API는 비교적 최신 기능입니다. 따라서 아직 지원되지 않는 브라우저를 사용자가 사용하는 경우 동작하지 않을 수 있습니다. polypill을 이용하면 fetch API를 지원하지 않는 웹브라우저에서도 이용할 수 있습니다. 지원되지 않는 브라우저에서 코드가 실행되면 polyfill 이 활성화되서 대신 동작하게 됩니다. 이번 시간에는 fetch API의 ployfill을 적용해봅니다.
https://opentutorials.org/course/3281/20577
svg가 작동안함
데이터URI data:image/png
https://zetawiki.com/wiki/%EB%8D%B0%EC%9D%B4%ED%84%B0URI_data:image/png
데이터URI data:image/svg
search-icon { width : 100 px ; height : 100 px ; background-image : url ( ...
https://zetawiki.com/wiki/%EB%8D%B0%EC%9D%B4%ED%84%B0URI_data:image/svg
HTMLCanvasElement.toDataURL()
The HTMLCanvasElement.toDataURL() method returns a data URI containing a representation of the image in the format specified by the type parameter (defaults to PNG). The returned image is in a resolution of 96 dpi.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
- 다 맞지는 않고 밑에꺼 참조해야함
SVG to PNG
You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.
https://gist.github.com/gustavohenke/9073132
