diff --git a/src/components/map/MapFog.js b/src/components/map/MapFog.js index 39e759e..9a06e9b 100644 --- a/src/components/map/MapFog.js +++ b/src/components/map/MapFog.js @@ -192,14 +192,14 @@ function MapFog({ setIsBrushDown(false); } - mapStage.on("mousedown", handleBrushDown); - mapStage.on("mousemove", handleBrushMove); - mapStage.on("mouseup", handleBrushUp); + mapStage.on("mousedown touchstart", handleBrushDown); + mapStage.on("mousemove touchmove", handleBrushMove); + mapStage.on("mouseup touchend", handleBrushUp); return () => { - mapStage.off("mousedown", handleBrushDown); - mapStage.off("mousemove", handleBrushMove); - mapStage.off("mouseup", handleBrushUp); + mapStage.off("mousedown touchstart", handleBrushDown); + mapStage.off("mousemove touchmove", handleBrushMove); + mapStage.off("mouseup touchend", handleBrushUp); }; }, [ mapStageRef, diff --git a/src/helpers/konva.js b/src/helpers/konva.js index b648a7f..fad95a2 100644 --- a/src/helpers/konva.js +++ b/src/helpers/konva.js @@ -124,6 +124,7 @@ export function Tick({ x, y, scale, onClick, cross }) { onMouseEnter={handleEnter} onMouseLeave={handleLeave} onClick={onClick} + onTap={onClick} >