객체 키를 이미지로 변환하는 자바 스크립트

사용자 8108383

샘플 개체 :

images {"foo":"bar.jpg",...}

이 개체를 이미지 파일 목록으로 변환하여 다음과 같이 사용하는 방법,

ctx.drawImage(images.foo,x,y)

새 개체를 만들지 않고?

요나

주석에서 이것이 함수에서 발생하기를 원하고 이미지 경로가 Image유형의 객체로 변경되기를 원한다고 말했듯 이 이것이 당신이 찾고있는 것이라고 생각합니다.

var images = { "foo": "bar.jpg" };

function transformImagePaths(images){
    Object.keys(images).forEach(key => {
        let imagePath = images[key];
        images[key] = new Image();
        images[key].src = imagePath;
    });
}

images객체를 함수에 전달하면 해당 키를 반복하고 경로를 이미지로 대체하여 각 키를 다시 할당합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

자바 스크립트 객체 키를 문자열로 변환

분류에서Dev

자바 스크립트 객체를 json 객체로 변환

분류에서Dev

객체를 문자열 자바 스크립트로 변환하는 방법

분류에서Dev

객체 키 도트 표기법을 자바 스크립트에서 객체 트리로 변환하는 방법

분류에서Dev

자바 스크립트 :지도를 객체 배열로 변환

분류에서Dev

자바 스크립트 객체를 숫자로 변환

분류에서Dev

자바 스크립트 트리 객체를 다른 트리 객체로 변환

분류에서Dev

JSON 객체를 자바 스크립트 배열로 변환

분류에서Dev

json 객체를 자바 스크립트 배열로 변환

분류에서Dev

json 객체를 자바 스크립트 배열로 변환

분류에서Dev

json 객체를 자바 스크립트 배열로 변환

분류에서Dev

자바 스크립트-객체를 반환하지 않는 클릭 이벤트

분류에서Dev

자바 스크립트 이미지 경로를 파일 (목록) 객체로 변환

분류에서Dev

배열의 객체를 객체 자바 스크립트로 변환

분류에서Dev

객체를 객체 자바 스크립트의 배열로 변환

분류에서Dev

값이없는 자바 스크립트 객체 키

분류에서Dev

자바 스크립트를 사용하여 "키-값"쌍의 배열을 객체로 변환

분류에서Dev

ajax로 PHP 객체를 자바 스크립트로 반환

분류에서Dev

JSON 객체를 받아서 속성 속성으로 변환하는 자바 스크립트 클래스

분류에서Dev

DOM 객체를 변수로 정의하는 자바 스크립트

분류에서Dev

자바 스크립트를 사용하여 배열 객체를 객체 배열로 변환

분류에서Dev

자바 스크립트는 객체를 속성으로 상속

분류에서Dev

자바 스크립트 / JQuery로 객체를 만드는 방법

분류에서Dev

자바 스크립트 : groupBy를 사용하여 객체 목록을 중첩 객체 목록으로 변환

분류에서Dev

커스텀 자바 스크립트 객체를 json으로 변환

분류에서Dev

자바 스크립트는 json을 객체로 변환

분류에서Dev

자바 스크립트 배열을 자바 객체로 변환

분류에서Dev

JSON 객체를 자바 스크립트의 배열 배열로 변환

분류에서Dev

자바 스크립트-객체 객체를 반환하는 메소드 줄이기

Related 관련 기사

  1. 1

    자바 스크립트 객체 키를 문자열로 변환

  2. 2

    자바 스크립트 객체를 json 객체로 변환

  3. 3

    객체를 문자열 자바 스크립트로 변환하는 방법

  4. 4

    객체 키 도트 표기법을 자바 스크립트에서 객체 트리로 변환하는 방법

  5. 5

    자바 스크립트 :지도를 객체 배열로 변환

  6. 6

    자바 스크립트 객체를 숫자로 변환

  7. 7

    자바 스크립트 트리 객체를 다른 트리 객체로 변환

  8. 8

    JSON 객체를 자바 스크립트 배열로 변환

  9. 9

    json 객체를 자바 스크립트 배열로 변환

  10. 10

    json 객체를 자바 스크립트 배열로 변환

  11. 11

    json 객체를 자바 스크립트 배열로 변환

  12. 12

    자바 스크립트-객체를 반환하지 않는 클릭 이벤트

  13. 13

    자바 스크립트 이미지 경로를 파일 (목록) 객체로 변환

  14. 14

    배열의 객체를 객체 자바 스크립트로 변환

  15. 15

    객체를 객체 자바 스크립트의 배열로 변환

  16. 16

    값이없는 자바 스크립트 객체 키

  17. 17

    자바 스크립트를 사용하여 "키-값"쌍의 배열을 객체로 변환

  18. 18

    ajax로 PHP 객체를 자바 스크립트로 반환

  19. 19

    JSON 객체를 받아서 속성 속성으로 변환하는 자바 스크립트 클래스

  20. 20

    DOM 객체를 변수로 정의하는 자바 스크립트

  21. 21

    자바 스크립트를 사용하여 배열 객체를 객체 배열로 변환

  22. 22

    자바 스크립트는 객체를 속성으로 상속

  23. 23

    자바 스크립트 / JQuery로 객체를 만드는 방법

  24. 24

    자바 스크립트 : groupBy를 사용하여 객체 목록을 중첩 객체 목록으로 변환

  25. 25

    커스텀 자바 스크립트 객체를 json으로 변환

  26. 26

    자바 스크립트는 json을 객체로 변환

  27. 27

    자바 스크립트 배열을 자바 객체로 변환

  28. 28

    JSON 객체를 자바 스크립트의 배열 배열로 변환

  29. 29

    자바 스크립트-객체 객체를 반환하는 메소드 줄이기

뜨겁다태그

보관