DgsCreateSVG: Difference between revisions

From Multi Theft Auto: Wiki
Jump to navigation Jump to search
Line 15: Line 15:
<section name="Client" class="client" show="true">
<section name="Client" class="client" show="true">
<syntaxhighlight lang="lua">
<syntaxhighlight lang="lua">
loadstring(exports.dgs:dgsImportFunction())() -- load dgs functions using loadstring
loadstring(exports.dgs:dgsImportFunction())() -- load dgs functions using loadstring.
-- Create circle rowData and apply it to variable
local rawSvgData = [[
    <svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
        <circle cx="250" cy="250" r="250" fill="#0fc0fc" />
    </svg>
]]


function init()
    local svg = dgsCreateSVG(500,500) -- Create the SVG .
     -- Create an SVG containing a circle, using the raw XML data above
     local svgDoc = [[dgsSVGGetDocument]](svg) -- Get the SVG Document so you can modify it .
     svg = dgsCreateSVG(500, 500, rawSvgData)
     local rect = [[dgsSVGCreateNode]](svgDoc,"rect",50,50,50,50) -- Create SVG node with rect shape.
    -- Applying SVG to dgsCreateImage
     [[dgsSVGNodeSetAttributes]](rect,{ -- Change the rect shape attributes value .
     dgsCreateImage(0,0,500,500,svg,false)
        ["stroke"] = {255,255,0},
 
        ["stroke-width"] = "5px",
end
        ["fill"] = "rgb(255,0,0)",
addEventHandler("onClientResourceStart", resourceRoot, init)
    }
</syntaxhighlight></section>
</syntaxhighlight></section>

Revision as of 18:05, 25 February 2022

Creates an svg from size (blank document), filepath or raw data , similar to svgCreate.

Syntax

 svg dgsCreateSVG(int width, int height,string pathORrawData)

Required Arguments

  • width: Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
  • height : Desired height, preferably power of two (16, 32, 64 etc.), maximum is 4096

Optional Arguments

NOTE: When using optional arguments, you might need to supply all arguments before the one you wish to use. For more information on optional arguments, see optional arguments.

  • pathOrRawData: A string representing the path to your SVG file, or the raw SVG data

Returns

  • Returns an svg if created successfully, false otherwise.

Example

Click to collapse [-]
Client
loadstring(exports.dgs:dgsImportFunction())() -- load dgs functions using loadstring.

    local svg = dgsCreateSVG(500,500) -- Create the SVG . 
    local svgDoc = [[dgsSVGGetDocument]](svg) -- Get the SVG Document so you can modify it .
    local rect = [[dgsSVGCreateNode]](svgDoc,"rect",50,50,50,50) -- Create SVG node with rect shape. 
    [[dgsSVGNodeSetAttributes]](rect,{ -- Change the rect shape attributes value .
        ["stroke"] = {255,255,0},
        ["stroke-width"] = "5px",
        ["fill"] = "rgb(255,0,0)",
    }