DxDrawSVG - Revision history

LLL1L: LLL1L moved page XDrawSVG to DxDrawSVG over redirect

2025-08-22T10:36:40Z

LLL1L moved page XDrawSVG to DxDrawSVG over redirect

← Older revision

Revision as of 10:36, 22 August 2025

LLL1L: LLL1L moved page DXDrawSVG to XDrawSVG over redirect: Fixing function name to proper case: dxDrawSVG

2025-08-22T10:36:00Z

LLL1L moved page DXDrawSVG to XDrawSVG over redirect: Fixing function name to proper case: dxDrawSVG

← Older revision	Revision as of 10:36, 22 August 2025
(No difference)

LLL1L: LLL1L moved page XDrawSVG to DXDrawSVG: Fixing function name to proper case: dxDrawSVG

2025-08-22T10:35:18Z

LLL1L moved page XDrawSVG to DXDrawSVG: Fixing function name to proper case: dxDrawSVG

← Older revision

Revision as of 10:35, 22 August 2025

LLL1L: LLL1L moved page DxDrawSVG to XDrawSVG: Fixing function name to proper case: dxDrawSVG

2025-08-22T10:35:00Z

LLL1L moved page DxDrawSVG to XDrawSVG: Fixing function name to proper case: dxDrawSVG

← Older revision

Revision as of 10:35, 22 August 2025

LLL1L: /* Code */

2025-08-22T10:33:22Z

Code

← Older revision		Revision as of 10:33, 22 August 2025
Line 23:		Line 23:
	* '''postGUI''': bool – Whether to draw after GUI.		* '''postGUI''': bool – Whether to draw after GUI.

	== Code ==		== Code <span style="color:red;">(Client-side)</span> ==
	<syntaxhighlight lang="lua">		<syntaxhighlight lang="lua">
	local HsoData = {}		local HsoData = {}

LLL1L at 10:28, 22 August 2025

2025-08-22T10:28:50Z

← Older revision		Revision as of 10:28, 22 August 2025
Line 1:		Line 1:
	== Description ==		== Description ==
	Draws an SVG image on screen using dxDrawImage, with automatic caching.		Draws an SVG image on screen using dxDrawImage, with automatic caching.
	Supports both raw SVG strings and external .svg files from the resource folder.		Supports both raw SVG strings and external .svg files from the resource folder.
			This function runs on the client-side.

	== Syntax ==		== Syntax ==
Line 72:		Line 73:
	* Automatically caches each unique SVG to improve performance.		* Automatically caches each unique SVG to improve performance.
	* Some complex SVGs may not be fully supported by svgCreate.		* Some complex SVGs may not be fully supported by svgCreate.
			* This function should be used on the client-side only.

	== See also ==		== See also ==
Line 79:		Line 81:

	== Credits ==		== Credits ==
	* Function by '''Hussein Ali		* Function by '''Hussein Ali
	Instagram : pkw_3'''		Instagram : pkw_3'''

LLL1L: /* dxDrawSVG */

2025-08-22T10:15:01Z

dxDrawSVG

← Older revision		Revision as of 10:15, 22 August 2025
Line 1:		Line 1:
	~~= dxDrawSVG =~~

	~~'''Author: Hussein Ali'''~~

	== Description ==		== Description ==
	Draws an SVG image on screen using dxDrawImage, with automatic caching.		Draws an SVG image on screen using dxDrawImage, with automatic caching.
Line 83:		Line 79:

	== Credits ==		== Credits ==
	* Function by '''Hussein Ali IG : pkw_3'''		* Function by '''Hussein Ali
			Instagram : pkw_3'''

LLL1L: Initial release of dxDrawSVG function with support for both raw SVG strings and external .svg files.

2025-08-22T10:07:37Z

Initial release of dxDrawSVG function with support for both raw SVG strings and external .svg files.

New page

= dxDrawSVG =

'''Author: Hussein Ali'''

== Description ==
Draws an SVG image on screen using dxDrawImage, with automatic caching.
Supports both raw SVG strings and external .svg files from the resource folder.

== Syntax ==
<syntaxhighlight lang="lua">
dxDrawSVG(x, y, width, height, svgPathOrCode [, rotation = 0], [rotationCenterX = 0], [rotationCenterY = 0], [color = white], [postGUI = false])
</syntaxhighlight>

== Required Arguments ==
* '''x''': *float* – X position on screen.
* '''y''': *float* – Y position on screen.
* '''width''': *float* – Width of the image.
* '''height''': *float* – Height of the image.
* '''svgPathOrCode''': *string* – Raw SVG code or a file path to `.svg`.

== Optional Arguments ==
* '''rotation''': *float* – Rotation in degrees.
* '''rotationCenterX''': *float* – Rotation center X.
* '''rotationCenterY''': *float* – Rotation center Y.
* '''color''': *int* – Color (use tocolor()).
* '''postGUI''': *bool* – Whether to draw after GUI.

== Code ==
<syntaxhighlight lang="lua">
local HsoData = {}

function dxDrawSVG(x, y, w, h, rawOrPath, ...)
if not HsoData[rawOrPath] then
if fileExists(rawOrPath) then
local file = fileOpen(rawOrPath)
if file then
local content = fileRead(file, fileGetSize(file))
fileClose(file)
HsoData[rawOrPath] = svgCreate(w, h, content)
end
else
HsoData[rawOrPath] = svgCreate(w, h, rawOrPath)
end
end

if HsoData[rawOrPath] then
dxSetBlendMode('add')
dxDrawImage(x, y, w, h, HsoData[rawOrPath], ...)
dxSetBlendMode('blend')
end
end
</syntaxhighlight>

== Example: Raw SVG string ==
<syntaxhighlight lang="lua">
dxDrawSVG(400, 200, 128, 128, [[
<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg">
<circle cx="64" cy="64" r="60" stroke="white" stroke-width="8" fill="blue" />
</svg>
]], 0, 0, 0, tocolor(255, 255, 255, 200))
</syntaxhighlight>

== Example: SVG file ==
'''meta.xml:'''
<syntaxhighlight lang="xml">
<file src="files/icon.svg" />
</syntaxhighlight>

'''Lua:'''
<syntaxhighlight lang="lua">
dxDrawSVG(400, 200, 64, 64, "files/icon.svg", 0, 0, 0, tocolor(255, 255, 255, 255))
</syntaxhighlight>

== Notes ==
* Supports both raw SVG content and external SVG files.
* Automatically caches each unique SVG to improve performance.
* Some complex SVGs may not be fully supported by svgCreate.

== See also ==
* [[dxDrawImage]]
* [[svgCreate]]
* [[Useful functions]]

== Credits ==
* Function by '''Hussein Ali IG : pkw_3'''