DgsSVGCreateNode: Difference between revisions

Revision as of 11:39, 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

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.

Custom Cursor Functions

Multi Language Supports

Animation

3D Element

3D Interface

3D Line

3D Image

3D Text

Browser

dgsCreateBrowser

Button

Check Box

Combo Box

Custom Renderer

Edit

Detect Area

Drag'N Drop

Grid List

Image

Memo

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

dgsCreateCanvas

Chart

Color Picker

Effect 3D

Gradient

Mask

Media Browser

Nine Slice

Object Preview Supports

Paste Handler

QRCode

Remote Image

Screen Source

SVG

Tooltips

@@ Line 7: / Line 7: @@
 </syntaxhighlight>
 ===Required Arguments===
-*'''svgElement:''' The svg element you want to get the XML document of.
+*'''svgElement:''' Desired width, preferably power of two (16, 32, 64 etc.), maximum is 4096
-*'''nodeType :''' The node type,
+*'''nodeType :''' Node type
 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
 *'''height :''' Desired height, preferably power of two (16, 32, 64 etc.), maximum is 4096