SvgCreateRoundedRectangle - Revision history

ClawSuit at 02:57, 11 May 2022

2022-05-11T02:57:43Z

← Older revision		Revision as of 02:57, 11 May 2022
Line 36:		Line 36:
	</section>		</section>

	==~~Ejemplo~~==		==Example==
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	local sx, sy = guiGetScreenSize( )		local sx, sy = guiGetScreenSize( )

ClawSuit: /* Syntaxs */

2022-04-30T23:23:08Z

Syntaxs

← Older revision		Revision as of 23:23, 30 April 2022
Line 2:		Line 2:
	This function creates a rectangle with rounded edges by using svg		This function creates a rectangle with rounded edges by using svg

	==~~Syntaxs~~==		==Syntax==
	<syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight>		<syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight>

Line 13:		Line 13:
	* '''borderWidth''': an integer representing the width of the border line.		* '''borderWidth''': an integer representing the width of the border line.
	* '''color2''': represents a producing color by [[tocolor]].		* '''color2''': represents a producing color by [[tocolor]].

	==Codigo==		==Codigo==
	<section name="Script cliente-side" class="client" show="true">		<section name="Script cliente-side" class="client" show="true">

ClawSuit at 23:22, 30 April 2022

2022-04-30T23:22:55Z

← Older revision		Revision as of 23:22, 30 April 2022
Line 2:		Line 2:
	This function creates a rectangle with rounded edges by using svg		This function creates a rectangle with rounded edges by using svg

	==~~Sintaxis~~==		==Syntaxs==
	<syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight>		<syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight>

ClawSuit at 23:22, 30 April 2022

2022-04-30T23:22:28Z

← Older revision		Revision as of 23:22, 30 April 2022
Line 14:		Line 14:
	* '''color2''': represents a producing color by [[tocolor]].		* '''color2''': represents a producing color by [[tocolor]].
	==Codigo==		==Codigo==
	<section name="~~Guión del lado del~~ cliente" class="client" show="true">		<section name="Script cliente-side" class="client" show="true">
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	function svgCreateRoundedRectangle(width, height, ratio, color1, borderWidth, color2)		function svgCreateRoundedRectangle(width, height, ratio, color1, borderWidth, color2)

ClawSuit: Created page with "{{Useful Function}} This function creates a rectangle with rounded edges by using svg ==Sintaxis== svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ]) ===Required arguments=== * '''width''': an integer representing the width of the rectangle. * '''height''': an integer representing the height of the rectangle. * '''ratio''': an integer representing the radius of the border. * '''color1''': r..."

2022-04-30T23:21:47Z

Created page with "{{Useful Function}} This function creates a rectangle with rounded edges by using svg ==Sintaxis== <syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight> ===Required arguments=== * '''width''': an integer representing the width of the rectangle. * '''height''': an integer representing the height of the rectangle. * '''ratio''': an integer representing the radius of the border. * '''color1''': r..."

New page

{{Useful Function}}
This function creates a rectangle with rounded edges by using svg

==Sintaxis==
<syntaxhighlight lang="lua">svg svgCreateRoundedRectangle(width, height, ratio, color1, [ borderWidth, color2 ])</syntaxhighlight>

===Required arguments===
* '''width''': an integer representing the width of the rectangle.
* '''height''': an integer representing the height of the rectangle.
* '''ratio''': an integer representing the radius of the border.
* '''color1''': represents a producing color by [[tocolor]].
===Optional arguments===
* '''borderWidth''': an integer representing the width of the border line.
* '''color2''': represents a producing color by [[tocolor]].
==Codigo==
<section name="Guión del lado del cliente" class="client" show="true">
<syntaxhighlight lang="lua">
function svgCreateRoundedRectangle(width, height, ratio, color1, borderWidth, color2)
local r,g,b,a = bitExtract(color1,16,8),bitExtract(color1,8,8), bitExtract(color1,0,8), bitExtract(color1,24,8)
local _color1 = string.format("#%.2X%.2X%.2X", r,g,b)
--
local r2,g2,b2,a2 = bitExtract((color2 or color1),16,8),bitExtract((color2 or color1),8,8), bitExtract((color2 or color1),0,8), bitExtract((color2 or color1),24,8)
local _color2 = string.format("#%.2X%.2X%.2X", r2,g2,b2)
--
local rawSvgData = [[
<svg width="]]..(width+0.5)..[[" height="]]..(height+0.5)..[[">
<rect x="0.5" y="0.5" rx="]]..ratio..[[" ry="]]..ratio..[[" width="]]..(width-0.5)..[[" height="]]..(height-0.5)..[["
fill="]].._color1..[[" stroke="]].._color2..[[" stroke-width="]]..(borderWidth or 0)..[[" stroke-opacity="]]..(a2/255)..[[" opacity="]]..(a/255)..[[" />
</svg>
]]
--
return svgCreate(width, height, rawSvgData)
end
</syntaxhighlight>
</section>

==Ejemplo==
<syntaxhighlight lang="lua">
local sx, sy = guiGetScreenSize( )
local window = svgCreateRoundedRectangle(sx*0.3, sy*0.3, 15, tocolor(255,0,255,180))

addEventHandler( "onClientRender", getRootElement(),
function()
dxDrawImage((sx-sx*0.3)/2, (sy-sy*0.3)/2, sx*0.3, sy*0.3, window)
end
)
</syntaxhighlight>

''Author'': ClawSuit

==See Also==
{{Useful_Functions}}