console.log로 이미지 표시

1598 단어 JavaScript
dunxrion/console.image 보고 재밌어서 핵심적인 부분만 생각한 거예요.
이런 느낌:
var url = 'http://qiita.com/favicon.png';
console.log('%c+', 'font-size: 0px; padding: 8px; color: transparent; background: url(' + url + ');');
캡처:

JavaScript - console.로그로 로그 음영처리 또는 경계 - Qita 애플리케이션:
  • 객체 이미지를 배경 이미지로 설정
  • 채우기를 이미지 크기로 설정
  • 컨텐츠의 문자를 투명 제로 크기
  • 로 변경
    네.
  • 참고: 원자재의 샘플 페이지 - http://dunxrion.github.io/console.image/
  • 그런데 이거 뭐 하는 거예요?

    좋은 웹페이지 즐겨찾기