svg - What do the X and Y in topLeftRadiusX and topLeftRadiusY on a border do? -


in graphics programs there corner radius values cornerradiusx , cornerradiusy. have seen topleftradiusx , topleftradiusy plus 6 more properties; 2 properties per corner .

for example there fxg / svg code,

    <s:rect id="lowlight" left="1" right="1" top="1" bottom="1" topleftradiusx="4" toprightradiusx="4">     </s:rect> 

i've never seen topleftradiusx , topleftradiusy used again i've never seen them used @ all.

what , how affect graphic?

they allow have rounded corners elliptical rather circular.

<svg width="100" height="100">    <rect width="200" height="200" rx="80" />  </svg>    <svg width="100" height="100">    <rect width="200" height="200" rx="50" ry="80"/>  </svg>


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -