나는 캔버스 요소에 함께 결합하려고하는 png 맵 타일을 가지고 있습니다. jsFiddle 가 나는까지 해요 곳을 추적하기 위해 99 (id) 0에서 카운터와 10 × 10 타일을 제작하고있다. id는 0 내지 99 어떤 숫자가 ctx.drawImage(this, id%10*imgWidth, Math.floor(id/10)*imgHeight, imgWidt
Im 이미지를 "크기를 조정하려면"drawImage를 사용합니다. 이 같은 사용마다 img.onload = function(){
var width = img.width * 0.16,
height = img.height * 0.16;
canvas.width = width,
canvas.height = he
코드를 사용하여 캔버스 크기를 설정하고 drawImage를이 캔버스에 설정해야합니다. 그려진 이미지는 확대 된 문제입니다. 코드는 다음 - currentImageDIV = $("#cnv").css({ "position" : "relative" ,"height": 400, "width": 800,"top" :"100px" , "border": "1px sol
이제 이일 동안 drawImage javascript 기능으로 성공하지 못했습니다. 나는 작은 그림을 만들기 위해 그림의 일부분을 자르려고합니다. 선택 사각형을 사용하여 복사 할 그림의 일부를 선택했지만 찍은 영역에는 항상 오프셋이 있고 크기 오류도 있습니다. 나는이 기능에 대해 읽으려고 다녔지만, 내가 잘못하고있는 것을 보지 못했다. 그것은 아마도 숲을
자바 스크립트를 사용하여 HTML Canvas 요소에 여러 이미지를 그려 넣으려고합니다. 이미지는 URL로 저장되고 자바 스크립트 이미지 객체의 src에 할당됩니다. 문제는 이미지를 특정 순서로로드해야한다는 것입니다. 여기 내 코드는 지금까지 있습니다 : 이미지로드 및 이미지를 나중에 추가 된 이전하기 전에로드 할 수있는 기회를 기다리고 있으므로 var c
저는 비트 맵에 이미지를 저장합니다. 내 개체의 크기를 조정할 때 이미지의 크기도 조정해야합니다. 이미지 크기를 원하는 크기로 조정하는 함수를 만들었습니다. 이미지의 크기를 절대적으로 조정해야하는 경우에만이 함수를 호출하지만이 이미지의 크기와 관련하여 지속적으로 메모리 비용이 50MB에서 1GB 이상으로 빠르게 이동합니다. 이 메서드는 마우스 버튼을 누르고
내 <canvas> 요소가 100vw 및 100vh이됩니다. 나는 그것의 아무 곳이나 클릭하고 그곳에 그림을 그릴 수 있기를 원합니다. 지금은 화면을 클릭 할 때 이미지가 클릭 한 곳 가까이에 그려지지 않습니다. 왼쪽 상단을 클릭할수록 가까워집니다. 그러나 제가 약간 구석에서 벗어나면, 이미지는 정말로 멀리 아래쪽으로 밀려납니다. 내가 클릭 한 위치에서 이
drawImage를 사용하여 이미지의 크기를 조정하려고하지만 크기를 유지하려고합니다. 나는 ... 지금까지이 window.onload = function() {
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = docu
안녕하세요 캔버스를 사용하여 각도 2 다음과 같은 문제가 있습니다, 이미지를 그리기 위해 노력하고있어하지만 Pixeled 표시하고 이유를 모르겠습니다. 이미지의 크기와 해상도를 변경하려고했지만 여전히 작동하지 않습니다. 그런 다음 올바른 코드 구현이없는 것 같습니다. HTML 코드 <canvas #myCanvas style="width:100%" >
</