hitneo
122
2020-02-25 13:36:42
5
323

html canvas 질문합니다.


var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    var moveImg = new Image();  

    moveImg.onload = function () {
        ctx.drawImage(moveImg20201212)
    }
여기서 불러온 이미지의 20, 20 ( x , y )값을 대상으로 어떻게잡나요?
하나가 아니라 여러개를 잡아야하는데 하나일때와 여러개일때 둘다 어떻게잡는지 잘 모르겠어 질문을 올립니다..
0
  • 답변 5

  • 이설란
    3k
    2020-02-25 14:20:51

    일단 첫번째 두번째 20, 20의 뜻은 아시나요?

    이건 화면 왼쪽 상단 기준으로 가로 세로 기준이에요. 

    그리고 그다음은 이미지의 가로 세로에요.

    여러개를 잡는다고 함은 어떤 의미인가요?

    화면에 중복되게 안보이려면 저 기준으로 숫자를 잘 조절하면 될 것 같아요

  • hitneo
    122
    2020-02-25 14:22:40

    이설란님 // 네 그 위치는 맞추어놓았는데 질문한게

    그 아래에 if문을써서 만약의 이미지의 가로 세로 위치가 어디면 어디로 옮겨주세요 를 사용하려 하는데

    그 대상잡는법을 모르겠어서요.. 

  • 이설란
    3k
    2020-02-25 14:36:27

    음...제가 무식하게 만들었을 땐

    기준좌표를 잡아요. 예를 들면 20, 20 30, 30 이렇게 되면


    뭐 이렇게 있다고 하면 좌표에서 x>19 and x<51

    이런식으로 기준을 잡아서(y좌표도 잡아줘야겠죠?)

    그안에 들어와 있으면 어떤 걸해라!! 이런식으로 했어요.


  • 이설란
    3k
    2020-02-25 14:37:37

    수학공식을 이용하는 방법도 있는데 아마 찾아보면 있을걸요.

  • hitneo
    122
    2020-02-25 14:44:02

    알려주신대로 해보고 좀더 찾아보겠습니다! 답변 감사합니다. 

  • 로그인을 하시면 답변을 등록할 수 있습니다.