I tried but I still have the same problem, if I draw something on the web version, it's cut off in the mobile version.
The same problem happens if I first draw on mobile, the web version shows it in the top left corner of the canvas.

Is there another solution? Any CSS class that I can use?

That's strange. Maybe your issue might be related to #114. I'll push a quick fix for that soon.

As far as I know, the only solution is to set the viewBox property.

@vinothpandian for me, the withViewBox property works to scale everything up/down on resize. but then when you add another stroke to the canvas after resizing, all strokes on the canvas "shift" and I encounter the same problem where the strokes all get cut off

@Angelo-Sterlo @dereklance

Added a new issue to track this #117

I've managed to make the screen orientation landscape, this helps to keep the aspect ratio of the canvas and the content fits perfectly, the problem is that I want to scale the entire view down, in order for the user to be able to draw on the canvas without scrolling up and down.
This causes the cursor on the canvas to shift when drawing as @dereklance said.

You got a fork with those anywhere?

You got a fork with those anywhere?

Unfortunately my setup didnt allow me to fork it easily and I am doing some other things, I also vaguely remember having to change the import paths a little bit to make it fit into my webpack cordova project with all the changes needed.

But here you have the code that I am using and works for me and allows rescale
reactSketchCanvas.tar.gz

Thanks for sharing, not working for me out of the box, but I'll keep poking at it, thanks! Maybe I've got the wrong values for viewBoxWidth/Height 🤔

https://github.com/vinothpandian/react-sketch-canvas/pull/178/files

You can see it working here, click on the clapping hands to take a screenshot
https://checkin.dev.poqueiraweb.com/

and here is a video

Got it! Thanks for sharing the video. I just had already applied the zoom to the viewBox width/height instead of leaving it as the original size