kinetic canvas에서 작업 중입니다. 마우스 오버시 또는 클릭시에 크기 조정 앵커를 추가해야합니다. 크기 조정 앵커를 추가하는 방법에 대한 많은 예제가 있지만 미리로드 된 이미지 용이며, 사용자가 업로드 한 이미지에 추가하는 방법에 대한 예를 찾고 있습니다. 다음은 그룹에 이미지를 추가 한 다음 이미지의 크기를 조절하기위한 앵커를 추가해야합니다 :
KineticJS에서 직사각형에 3 가지 상태의 마우스 오버를 사용하려고합니다. 직사각형이 흰색으로 시작되면 직사각형을 마우스로 올려 놓으면 색상이 빨간색으로 바뀌고 트윈과 트윈이 흰색으로 1 초 이상 시작됩니다. http://jsfiddle.net/cmh600/uFFN9/12/ 이 어떤 도움을 크게 var stage = new Kinetic.Stage({
내 코드는 jsfiddle에서 작동하지만 메모장과 함께 .html 파일에 붙여 넣으면 작동하지 않습니다. KineticJS v.5.0.1 만 사용하고 있습니다. 다음과 같은 콘솔 오류가 발생합니다. TypeError: a.getType is not a function
여기 내 코드는 http://jsfiddle.net/4Y87X/4/입니다. 그룹에 추가
Kinetic.Tween을 사용하여 아코디언 구현을하려고하는데 사각형을 클릭하면 예를 들어 상단으로 이동합니다. 이 코드, 내가 지금까지 한 일이다 function animate (node,x,y,d) {
var t=new Kinetic.Tween({
node:node,
x:x,
y:y,
duration: d,
저는 kineticjs에 익숙하지 않고 사소한 작업 인 것처럼 보이는 문제를 겪고 있습니다. 그 객체에 변경된 사항이있을 때 캔버스를 업데이트합니다. 둘 다 그룹에 포함 된 숫자가있는 원을 만드는 루프가 있습니다. 그룹을 클릭하면 확장 및 이동을 원합니다. (현재 버전에서 운동은 동역학 튜토리얼에서와 동일합니다.) 또한 그룹을 클릭 할 때 그룹의 x, y
KineticJS에서 모양을 만들고 tween으로 애니메이션을 만듭니다. var tween = new Kinetic.Tween({
node: rect,
duration: 1,
easing: Kinetic.Easings.BackEaseOut,
y: 100
});
반대로 조정을 변경할 수 있습니까? JSF
안녕하세요 저는 dragger로 원의 크기를 조정하고 싶습니다. 원 크기는 백분율 값이어야하므로 원 반지름은 0에서 100 사이 여야합니다. 모든 것이 잘 작동하지만, 좀 더 크기를 조정할 때 코드가 약간 복잡해 보입니다. <!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0p
KineticJS을 사용하여 이벤트를 가져 오는 중 하나의 스트로크로 Kinetic.Line을 실행하는 데 문제가있는 것 같습니다. 모든 라인을 그룹에 추가 한 다음 그룹에 이벤트를 첨부하는 것으로 충분할 것이라고 생각했지만 작동하지 않았습니다. 은 내가 게시물을 단축 달성하기 위해 노력하고있어의 코드를 단순화 : var gridOffsetX = 45, g