1"use strict";(globalThis.webpackChunkkonva_site_2||=[]).push([[187],{5944(e,n,i){i.r(n),i.d(n,{assets:()=>s,contentTitle:()=>d,default:()=>c,frontMatter:()=>a,metadata:()=>r,toc:()=>h});const r=JSON.parse('{"id":"api/Konva.Sprite","title":"Konva.Sprite","description":"Sprite constructor. Konva.Sprite class reference for Konva.js: properties, methods and configuration for working with Sprite on HTML5 Canvas.","source":"@site/content/api/Konva.Sprite.mdx","sourceDirName":"api","slug":"/api/Konva.Sprite.html","permalink":"/api/Konva.Sprite.html","draft":false,"unlisted":false,"editUrl":"https://github.com/konvajs/site/edit/master/content/api/Konva.Sprite.mdx","tags":[],"version":"current","frontMatter":{"title":"Konva.Sprite","sidebar_label":"Sprite","slug":"/api/Konva.Sprite.html","description":"Sprite constructor. Konva.Sprite class reference for Konva.js: properties, methods and configuration for working with Sprite on HTML5 Canvas."},"sidebar":"apiSidebar","previous":{"title":"Shape","permalink":"/api/Konva.Shape.html"},"next":{"title":"Stage","permalink":"/api/Konva.Stage.html"}}');var l=i(4848),t=i(8453);const a={title:"Konva.Sprite",sidebar_label:"Sprite",slug:"/api/Konva.Sprite.html",description:"Sprite constructor. Konva.Sprite class reference for Konva.js: properties, methods and configuration for working with Sprite on HTML5 Canvas."},d="Sprite",s={},h=[{value:"Parameters",id:"parameters",level:2},{value:"Own Methods",id:"own-methods",level:2},{value:"start()",id:"start",level:3},{value:"stop()",id:"stop",level:3},{value:"isRunning()",id:"isRunning",level:3},{value:"animation(anim)",id:"animation",level:3},{value:"animations(animations)",id:"animations",level:3},{value:"frameOffsets(frameOffsets)",id:"frameOffsets",level:3},{value:"image(image)",id:"image",level:3},{value:"frameIndex(frameIndex)",id:"frameIndex",level:3},{value:"frameRate(frameRate)",id:"frameRate",level:3},{value:"Inherited Methods",id:"inherited-methods",level:2},{value:"From Konva.Shape",id:"inherited-from-Konva.Shape",level:3},{value:"From Konva.Node",id:"inherited-from-Konva.Node",level:3}];function o(e){const n={a:"a",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",p:"p",pre:"pre",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,t.R)(),...e.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(n.header,{children:(0,l.jsx)(n.h1,{id:"sprite",children:"Sprite"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"new Konva.Sprite(config)\n"})}),"\n",(0,l.jsx)(n.p,{children:"Sprite constructor"}),"\n",(0,l.jsx)(n.h2,{id:"parameters",children:"Parameters"}),"\n",(0,l.jsxs)(n.table,{children:[(0,l.jsx)(n.thead,{children:(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.th,{children:"Name"}),(0,l.jsx)(n.th,{children:"Type"}),(0,l.jsx)(n.th,{children:"Description"})]})}),(0,l.jsxs)(n.tbody,{children:[(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"config"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"animation"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"animation key"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"animations"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"animation map"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"frameIndex (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Integer"})}),(0,l.jsx)(n.td,{children:"animation frame index"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"image"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Image"})}),(0,l.jsx)(n.td,{children:"image object"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"frameRate (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Integer"})}),(0,l.jsx)(n.td,{children:"animation frame rate"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fill (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"fill color"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternImage (
1optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Image"})}),(0,l.jsx)(n.td,{children:"fill pattern image"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternOffset (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternOffsetX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternOffsetY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternScale (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternScaleX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternScaleY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternRotation (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPatternRepeat (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:'can be "repeat", "repeat-x", "repeat-y", or "no-repeat". The default is "repeat"'})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientStartPoint (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientStartPointX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientStartPointY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientEndPoint (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientEndPointX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientEndPointY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillLinearGradientColorStops (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Array"})}),(0,l.jsx)(n.td,{children:"array of color stops"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientStartPoint (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientStartPointX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientStartPointY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientEndPoint (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientEndPointX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientEndPointY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientStartRadius (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientEndRadius (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillRadialGradientColorStops (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Array"})}),(0,l.jsx)(n.td,{children:"array of color stops"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables the fill. The default value is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillPriority (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"can be color, linear-gradient, radial-gradient, or pattern. The default value is color. The fillPriority property makes it really easy to toggle between different fill types. For example, if you want to toggle between a fill color style and a fill pattern style, simply set the fill property and the fillPattern properties, and then use setFillPriority('color') to render the shape with a color fill, or use setFillPriority('pattern') to render the shape with the pattern fill configuration"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"stroke (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"stroke color"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"strokeWidth (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"stroke width"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"fillAfterStrokeEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"Should we draw fill AFTER stroke? Default is false."})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"hitStrokeWidth (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number|String"})}),(0,l.jsx)(n.td,{children:'size of the stroke on hit canvas. The default is "auto" - equals to
1strokeWidth'})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"strokeHitEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"deprecated; use hitStrokeWidth instead. Enables or disables the stroke hit region. The default is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"perfectDrawEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables using buffer canvas. The default is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowForStrokeEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables shadow for stroke. The default is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"strokeScaleEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables stroke scale. The default is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"strokeEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables the stroke. The default value is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"lineJoin (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"can be miter, round, or bevel. The default is miter"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"lineCap (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"can be butt, round, or square. The default is butt"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowColor (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowBlur (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowOffset (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"object with x and y component"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowOffsetX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowOffsetY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowOpacity (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"shadow opacity. Can be any real number between 0 and 1"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"shadowEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables the shadow. The default value is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"dash (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Array"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"dashEnabled (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"flag which enables or disables the dashArray. The default value is true"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"x (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"y (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"width (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"height (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"visible (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"listening (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"whether or not the node is listening for events"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"id (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"unique id"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"name (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"String"})}),(0,l.jsx)(n.td,{children:"non-unique name"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"opacity (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"determines node opacity. Can be any number between 0 and 1"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"scale (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"set scale"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"scaleX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"set scale x"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"scaleY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"set scale y"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"rotation (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"rotation in degrees"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"offset (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Object"})}),(0,l.jsx)(n.td,{children:"offset from center point and rotation point"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"offsetX (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"set offset x"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"offsetY (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{children:"set offset y"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"draggable (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Boolean"})}),(0,l.jsx)(n.td,{children:"makes the node draggable. When stages are draggable, you can drag and drop the entire stage by dragging any portion of the stage"})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"dragDistance (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"Number"})}),(0,l.jsx)(n.td,{})]}),(0,l.jsxs)(n.tr,{children:[(0,l.jsx)(n.td,{children:"dragBoundFunc (optional)"}),(0,l.jsx)(n.td,{children:(0,l.jsx)(n.code,{children:"function"})}),(0,l.jsx)(n.td,{})]})]})]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Inherited from:"})," ",(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html",children:"Konva.Shape"})]}),"\n",(0,l.jsx)(n.h2,{id:"own-methods",children:"Own Methods"}),"\n",(0,l.jsx)(n.h3,{id:"start",children:"start()"}),"\n",(0,l.jsx)(n.p,{children:"start sprite animation"}),"\n",(0,l.jsx)(n.h3,{id:"stop",children:"stop()"}),"\n",(0,l.jsx)(n.p,{children:"stop sprite animation"}),"\n",(0,l.jsx)(n.h3,{id:"isRunning",children:"isRunning()"}),"\n",(0,l.jsx)(n.p,{children:"determine if animation of sprite is running or not. returns true or false"}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Boolean"})]}),"\n",(0,l.jsx)(n.h3,{id:"animation",children:"animation(anim)"}),"\n",(0,l.jsx)(n.p,{children:"get/set animation key"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"anim"})," (String): animation key"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"String"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get animation key\nvar animation = sprite.animation();\n\n// set animation key\nsprite.animation('kicking');\n"})}),"\n",(0,l.jsx)(n.h3,{id:"animations",children:"animations(animations)"}),"\n",(0,l.jsx)(n.p,{children:"get/set animations map"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"animations"})," (Object)"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Object"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get animations map\nvar animations = sprite.animations();\n\n// set animations map\nsprite.animations({\n standing: [\n // x, y, width, height (6 frames)\n 0, 0, 49, 109,\n 52, 0, 49, 109,\n 105, 0, 49, 109,\n 158, 0, 49, 109,\n 210, 0, 49, 109,\n 262, 0, 49, 109\n ],\n kicking: [\n // x, y, width, height (6 frames)\n 0, 109, 45, 98,\n 45, 109, 45, 98,\n 95, 109, 63, 98,\n 156, 109, 70, 98,\n 229, 109, 60, 98,\n 287, 109, 41, 98\n ]\n});\n"})}),"\n",(0,l.jsx)(n.h3,{id:"frameOffsets",children:"frameOffsets(frameOffsets)"}),"\n",(0,l.jsx)(n.p,{children:"get/set frame offsets map"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"frameOffsets"})," (Object)"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Object"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get frame offsets map\nvar offsets = sprite.frameOffsets();\n\n// set frame offsets map\nsprite.frameOffsets({\n standing: [\n // x, y (6 frames)\n 0, 0,\n 0, 0,\n 5, 0,\n 0, 0,\n 0, 3,\n 2, 0\n ],\n kicking: [\n // x, y (6 frames)\n 0, 5,\n 5, 0,\n 10, 0,\n 0, 0,\n 2, 1,\n 0, 0\n ]\n});\n"})}),"\n",(0,l.jsx)(n.h3,{id:"image",children:"image(image)"}),"\n",(0,l.jsx)(n.p,{children:"get/set image"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"image"})," (Image)"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Image"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get image\nvar image = sprite.image();\n\n// set image\nsprite.image(imageObj);\n"})}),"\n",(0,l.jsx)(n.h3,{id:"frameIndex",children:"frameIndex(frameIndex)"}),"\n",(0,l.jsx)(n.p,{children:"set/set animation frame index"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"frameIndex"})," (Integer)"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Integer"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get animation frame index\nvar frameIndex = sprite.frameIndex();\n\n// set animation frame index\nsprite.frameIndex(3);\n"})}),"\n",(0,l.jsx)(n.h3,{id:"frameRate",children:"frameRate(frameRate)"}),"\n",(0,l.jsx)(n.p,{children:"get/set frame rate in frames per second. Increase this number to make the sprite animation run faster, and decrease the number to make the sprite animation run slower The default is 17 frames per second"}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Parameters:"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsxs)(n.li,{children:[(0,l.jsx)(n.code,{children:"frameRate"})," (Integer)"]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.strong,{children:"Returns:"})," ",(0,l.jsx)(n.code,{children:"Integer"})]}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"Example:"})}),"\n",(0,l.jsx)(n.pre,{children:(0,l.jsx)(n.code,{className:"language-javascript",children:"// get frame rate\nvar frameRate = sprite.frameRate();\n\n// set frame rate to 2 frames per second\nsprite.frameRate(2);\n"})}),"\n",(0,l.jsx)(n.h2,{id:"inherited-methods",children:"Inherited Methods"}),"\n",(0,l.jsxs)(n.p,{children:[(0,l.jsx)(n.code,{children:"Konva.Sprite"})," also has all methods of its parent classes. Each link below opens the full documentation of the method on the class that defines it."]}),"\n",(0,l.jsx)(n.h3,{id:"inherited-from-Konva.Shape",children:"From Konva.Shape"}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#getContext",children:"getContext()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#getCanvas",children:"getCanvas()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#hasShadow",children:"hasShadow()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#hasFill",children:"hasFill()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#hasStroke",children:"hasStroke()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#intersects",children:"intersects(point)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#getSelfRect",children:"getSelfRect()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#drawHitFromCache",children:"drawHitFromCache(alphaThreshold)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#stroke",children:"stroke(color)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeWidth",children:"strokeWidth(strokeWidth)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillAfterStrokeEnabled",children:"fillAfterStrokeEnabled(fillAfterStrokeEnabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#hitStrokeWidth",children:"hitStrokeWidth(hitStrokeWidth)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeHitEnabled",children:"strokeHitEnabled(strokeHitEnabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#perfectDrawEnabled",children:"perfectDrawEnabled(perfectDrawEnabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowForStrokeEnabled",children:"shadowForStrokeEnabled(shadowForStrokeEnabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#lineJoin",children:"lineJoin(lineJoin)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#lineCap",children:"lineCap(lineCap)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#miterLimit",children:"miterLimit(miterLimit)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#sce
1neFunc",children:"sceneFunc(drawFunc)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#hitFunc",children:"hitFunc(drawFunc)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#selfRectFunc",children:"selfRectFunc(selfRectFunc)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#dash",children:"dash(dash)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowColor",children:"shadowColor(color)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowBlur",children:"shadowBlur(blur)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowOpacity",children:"shadowOpacity(opacity)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowOffset",children:"shadowOffset(offset)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowOffsetX",children:"shadowOffsetX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowOffsetY",children:"shadowOffsetY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternImage",children:"fillPatternImage(image)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fill",children:"fill(color)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternX",children:"fillPatternX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternY",children:"fillPatternY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientColorStops",children:"fillLinearGradientColorStops(colorStops)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientColorStops",children:"strokeLinearGradientColorStops(colorStops)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientStartRadius",children:"fillRadialGradientStartRadius(radius)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientEndRadius",children:"fillRadialGradientEndRadius(radius)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientColorStops",children:"fillRadialGradientColorStops(colorStops)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternRepeat",children:"fillPatternRepeat(repeat)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillEnabled",children:"fillEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeEnabled",children:"strokeEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#shadowEnabled",children:"shadowEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#dashEnabled",children:"dashEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeScaleEnabled",children:"strokeScaleEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPriority",children:"fillPriority(priority)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternOffset",children:"fillPatternOffset(offset)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternOffsetX",children:"fillPatternOffsetX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternOffsetY",children:"fillPatternOffsetY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternScale",children:"fillPatternScale(scale)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternScaleX",children:"fillPatternScaleX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternScaleY",children:"fillPatternScaleY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientStartPoint",children:"fillLinearGradientStartPoint(startPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientStartPoint",children:"strokeLinearGradientStartPoint(startPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientStartPointX",children:"fillLinearGradientStartPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientStartPointX",children:"strokeLinearGradientStartPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientStartPointY",children:"fillLinearGradientStartPointY
1(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientStartPointY",children:"strokeLinearGradientStartPointY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientEndPoint",children:"fillLinearGradientEndPoint(endPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientEndPoint",children:"strokeLinearGradientEndPoint(endPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientEndPointX",children:"fillLinearGradientEndPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientEndPointX",children:"strokeLinearGradientEndPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillLinearGradientEndPointY",children:"fillLinearGradientEndPointY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#strokeLinearGradientEndPointY",children:"strokeLinearGradientEndPointY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientStartPoint",children:"fillRadialGradientStartPoint(startPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientStartPointX",children:"fillRadialGradientStartPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientStartPointY",children:"fillRadialGradientStartPointY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientEndPoint",children:"fillRadialGradientEndPoint(endPoint)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientEndPointX",children:"fillRadialGradientEndPointX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRadialGradientEndPointY",children:"fillRadialGradientEndPointY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillPatternRotation",children:"fillPatternRotation(rotation)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Shape.html#fillRule",children:"fillRule(rotation)"})}),"\n"]}),"\n",(0,l.jsx)(n.h3,{id:"inherited-from-Konva.Node",children:"From Konva.Node"}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#clearCache",children:"clearCache()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#cache",children:"cache(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#isCached",children:"isCached()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getClientRect",children:"getClientRect(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#on",children:"on(evtStr, handler)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#off",children:"off(evtStr)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#remove",children:"remove()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#destroy",children:"destroy()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAttr",children:"getAttr(attr)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAncestors",children:"getAncestors()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAttrs",children:"getAttrs()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#setAttrs",children:"setAttrs(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#isListening",children:"isListening()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#isVisible",children:"isVisible()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#show",children:"show()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#hide",children:"hide()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsoluteZIndex",children:"getAbsoluteZIndex()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getDepth",children:"getDepth()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getRelativePointerPosition",children:"getRelativePointerPosition()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsolutePosition",children:"getAbsolutePosition(top)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#move",children:"move(change)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#rotate",children:"rotate(theta)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#moveToTop",children:"moveToTop()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#moveUp",children:"moveUp()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#moveDown",children:"moveDown()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#moveToBottom",children:"moveToBottom()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsoluteOpacity",children:"getAbsoluteOpacity()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#moveTo",children:"moveTo(newContainer)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toObject",children:"toObject()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toJSON",children:"toJSON()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getParent",children:"getParent()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#findAnce
1stors",children:"findAncestors(selector, includeSelf, stopNode)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#findAncestor",children:"findAncestor(selector, includeSelf, stopNode)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getLayer",children:"getLayer()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getStage",children:"getStage()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#fire",children:"fire(eventType, evt, bubble)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsoluteTransform",children:"getAbsoluteTransform()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsoluteScale",children:"getAbsoluteScale()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getAbsoluteRotation",children:"getAbsoluteRotation()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getTransform",children:"getTransform()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#clone",children:"clone(obj)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toCanvas",children:"toCanvas(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toDataURL",children:"toDataURL(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toImage",children:"toImage(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#toBlob",children:"toBlob(config)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getClassName",children:"getClassName()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#getType",children:"getType()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#addName",children:"addName(name)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#hasName",children:"hasName(name)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#removeName",children:"removeName(name)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#setAttr",children:"setAttr(attr, val)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#draw",children:"draw()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#startDrag",children:"startDrag()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#stopDrag",children:"stopDrag()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#isDragging",children:"isDragging()"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#isClientRectOnScreen",children:"isClientRectOnScreen(margin)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#zIndex",children:"zIndex(index)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#absolutePosition",children:"absolutePosition(pos)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#position",children:"position(pos)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#x",children:"x(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#y",children:"y(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#globalCompositeOperation",children:"globalCompositeOperation(type)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#opacity",children:"opacity(opacity)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#name",children:"name(name)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#id",children:"id(id)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#rotation",children:"rotation(rotation)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#scale",children:"scale(scale)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#scaleX",children:"scaleX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#scaleY",children:"scaleY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#skew",children:"skew(skew)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#skewX",children:"skewX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#skewY",children:"skewY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#offsetX",children:"offsetX(x)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#offsetY",children:"offsetY(y)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#dragDistance",children:"dragDistance(distance)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#width",children:"width(width)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#height",children:"height(height)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#listening",children:"listening(listening)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#preventDefault",children:"preventDefault(preventDefault)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#filters",children:"filters(filters)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#visible",children:"visible(visible)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#transformsEnabled",children:"transformsEnabled(enabled)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#size",children:"size(size)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#dragBoundFunc",children:"dragBoundFunc(dragBoundFunc)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#draggable",children:"draggable(draggable)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#to",children:"to(params)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#blurRadius",children:"blurRadius(radius)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#brightness",children:"brightness(brightness)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#contrast",children:"contrast(contrast)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#embossStrength",children:"embossStrength(level)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#embossWhiteLevel",children:"embossWhiteLevel(embossWhiteLevel)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#embossDirection",children:"embossDirection(embossDirection)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#embossBlend",children:"embossBlend(embossBlend)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#enhance",children:"enhance(amount)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#hue",children:"hue(hue)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#saturation",children:"saturation(saturation)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#luminance",children:"luminance(value)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#value",children:"value(value)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#kaleidoscopePower",children:"kaleidoscopePower(power)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#kaleidoscopeAngle",children:"kaleidoscopeAngle(degrees)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#noise",children:"noise(noise)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#pixelSize",children:"pixelSize(pixelSize)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#levels",children:"levels(level)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#red",children:"red(red)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#green",children:"green(green)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#blue",children:"blue(blue)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#alpha",children:"alpha(alpha)"})}),"\n",(0,l.jsx)(n.li,{children:(0,l.jsx)(n.a,{href:"/api/Konva.Node.html#threshold",children:"threshold(threshold)"})}),"\n"]})]})}function c(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,l.jsx)(n,{...e,children:(0,l.jsx)(o,{...e})}):o(e)}},8453(e,n,i){i.d(n,{R:()=>a,x:()=>d});var r=i(6540);const l={},t=r.createContext(l);function a(e){const n=r.useContext(t);return r.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(l):e.components||l:a(e.components),r.createElement(t.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.