고정 좌표 공간에서 작업합니다. {x:0, y:0, w:800, h:600}을 예로 들어 봅니다. 캔버스가 창 크기에 맞게 조절 된 다음 무대를 확대하고 다시 그립니다. 그런 다음 무대 내 배경 레이어를 중앙에 배치합니다. 전체 스테이지의 크기 조정을 사용하지 않으면 센터링이 잘 작동하지만 스테이지 크기를 설정할 때 계산 된 좌표가 화면에 표시된 것과 일치
캔버스를 사용하는 중에 당분간 사람의 컴퓨터에서이 캔버스로 이미지를 업로드하고 싶습니다. 나는 또한 내가 지금 설정 한 다른 2 개의 이미지와 같이 움직이고 크기를 조정할 수 있기를 원합니다. 누군가 내가 현재 가지고있는 코드를 만들 수 있습니까? 이것은 내가 지금까지 가지고있는 모든 것입니다. 그래서 여러분이 저의 일부분이 가지고있는 올바른 클래스/ids
나는 레이어를 클릭 할 때 새 서클을 만들 수 있지만 이전에 만든 서클을 클릭하면 경고를 볼 수있는 "게임"을 만듭니다. 문제는 스테이지 만들기 onclick 이벤트가 항상 실행되므로 서클 생성을 중단 할 수 없다는 것입니다. 무대가 있으며 onclick 이벤트가 원을 만듭니다. 마지막으로 /*LAYER*/
var layer = new Kinetic.La
두 개의 스크립트가 있습니다. http://www.html5canvastutorials.com/labs/html5-canvas-color-picker/ <canvas id="myCanvas" width="578" height="276"></canvas>
<script>
function getMousePos(canvas, evt) {
나는 최근 퍼즐 게임을하고 있습니다. 퍼즐 퍼즐 게임을하고 있습니다. 퍼즐 조각을 뒤섞어서 회전시켜야합니다. 다른 각도로 회전시키는 방법은 누구나 있습니다. 2-3 조각 회전하지 마세요. 같은 각도로? 감사합니다 :) fillPatternImage:imageObj,
fillPatternOffsetX :i * pieceWidth,
내 Kinetic.Stage 너비를 100 %로 조정하려고합니다. Kinetic.Stage는 그 값 (100 %)을 넣지 못하게하기 때문에 window.innerWidth 값을 넣어야했습니다. var stage = new Kinetic.Stage({
container: 'container',
width: window.innerWidth -
캔버스가 아닌 페이지에 저장 버튼을 추가하려고합니다. 모든 온라인 예제를 시도해 볼 때 캔버스에 저장하지 못하는 것 같습니다. 기본적으로 저장 단추를 클릭하여 이미지로 자동 다운로드하거나 이름 바꾸기, 이동 및 저장 등을 위해 내 컴퓨터 창에 저장을 엽니 다. www.jsfiddle.net/dsj00qoy/ 16/ <button id="save">Save
모든 레이어, 도형 및 이벤트 함수 콜백을 사용하여 KineticJs를 저장하는 가장 좋은 방법은 무엇입니까? 나는 또한 지점을 클릭하여 각각에 내 단계 stage.on("contentClick", setContentClick);
에 contentclick 이벤트를 잡을 var stage; //KinetiJS stage
var backgroundLay
간단한 텍스트를 반영하거나 반영하기 위해 KineticJS를 사용하여 텍스트를 변환하는 방법에 대해 궁금합니다. 나는 클래스가이 위치에 설명되어 있음을 참조하십시오 http://kineticjs.com/docs/Kinetic.Transform.html 실제로이 데모를 수행하는 방법에는 샘플 코드, 튜토리얼 없다. HTML5 Canvas에는 x 방향으로 음수
나는 kineticJs를 사용하여 지그 소 퍼즐을 시도하고 있습니다. 불규칙한 모양의 조각이 있지만 원본 이미지가 표시되거나 채워지지 않습니다. 나는이 부분에 붙어있다. 당신이 fillPatternImage 대신 fill 사용할 필요가 같은 fill:{
image:imageObj,
x:pieceWidth,
y:pieceHeight