DgsSVGCreateNode: Difference between revisions

From Multi Theft Auto: Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 8: Line 8:
===Required Arguments===
===Required Arguments===
*'''svgElement:''' Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
*'''svgElement:''' Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
*'''nodeType :''' Node type  
*'''nodeType :''' Node type Available types :  
Types :  
* '''"rect"'''
* rect  
* '''"circle"'''
* circle
* '''"line"'''
* line
* '''"polygon"'''
* polygon
* '''"polyline"'''
* polyline
* '''"path"'''
* path
* '''"ellipse"'''
* ellipse
 
*'''width:''' Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
*'''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
*'''height :''' Desired height, preferably power of two (16, 32, 64 etc.), maximum is 4096

Revision as of 11:45, 26 February 2022

This function create a node in svg document .

Syntax

boolean dgsSVGCreateNode ( svg svgElement, string nodeType, int width, int height)

Required Arguments

  • svgElement: Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
  • nodeType : Node type Available types :
  • "rect"
  • "circle"
  • "line"
  • "polygon"
  • "polyline"
  • "path"
  • "ellipse"
  • 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) -- 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)",
}

local theImage = dgsCreateImage(200,200,500,500,svg,false) -- Render the svg using dgsCreateImage

Requirements

This template will be deleted.

See Also

Custom Cursor Functions

Multi Language Supports

Animation

3D Element

3D Interface

3D Line

3D Image

3D Text

Browser

Button

Check Box

Combo Box

Custom Renderer

Edit

Detect Area

Drag'N Drop

Grid List

Image

Memo

Menu

Label

Layout

Line

Progress Bar

Radio Button

Scale Pane

Scroll Bar

Scroll Pane

Selector

Style

Switch Button

Tab Panel

Window

Basic Shape Plugins

Circle

Quadrilateral

Rounded Rectangle

Other Plugins

Blur Box

Canvas

Chart

Color Picker

Effect 3D

Gradient

Mask

Media Browser

Nine Slice

Object Preview Supports

Paste Handler

QRCode

Remote Image

Screen Source

SVG

Tooltips