Cabbage Logo
Back to Cabbage Site

Stretched SVG for vslider

I’m trying to use a circular slider thumb, but it gets stretched into an ellipse. What should the dimensions of the SVG file be so that the image doesn’t get deformed?

I would have thought that as long as the width and height are the same the image shouldn’t be distorted in any way? Can you PM me the image and I’ll try it out? Thanks.

I have uploaded the project files and a screenshot to Google Drive:

Sorry, I thought you were referring to an rslider. It looks like there is something amiss here. If you open up the two vslider SVGs from the Misc eamples folder you’ll notive that the vslider is offset to start slightly higher than the dimensions of the page, giving the rect shape a minus Y value.

AWKWARD :grimacing:

Sorry about this. It seems that I need to fix the issue. You may have to use a little trial and error for now. Note that if you have Cabbage open alongside your SVG editor, the changes you make in your graphics program will automatically take affect in Cabbage as soon as you move your mouse over the widget. At least this should make it relatively quick to find the right dimensions. But yeah, it still sucks. I’ll add it to the growing list of things I need to work on!

Thanks for the answer :smiley:

I’ll try adjusting the SVG image. Good to know about the automatic update, that should make it much easier.