This might be outside the scope of the program, but I have this super minimalist camera that I'm using to learn how to manipulate SVG for web. In order to use the image as a clipping path in HTML I need to define the rounded rectangle around the outside as a shape, not a path with a border. 
I'm very new to vector editing.
Draw your first outer rectangle and fill with the angle gradient
Now Alt-Click on the path to duplicate it and in the options bar set path operations to subtract front shape
With the duplicate path selected use Edit - Transform Path -Scale to reduce the size of the front path. After hitting enter to accept the change you will need to adjust the roundness of the corners on the inner shape (in may example the outer corners were set to 60px but the inner corners set to 20px
That is it - done
Dave
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
AdChoices