util.svg

Hierarchy
util.svg.baseutil.svg.base3dutil.svg
Requires
util.base
util.color
util.math
util.svg.element
util.svg.element.path
util.svg.element.path.rect
util.svg.element.path.symbol
util.svg.element.poly
util.svg.element.transform
util.svg.element.transform
Files
svg.js

SVG Utility

Parameters

rootElem : Element
rootAttr : Object

Defined By

Properties

util.svg.base
view source

: Object

엘리먼트 관련 메소드 (필터)

Methods

Defined By

Instance methods

util.svg
view source

newutil.svg( ) : util.svg

...

Returns

util.svg

util.svg
view source

( name )

implements svg image file download used by canvas ...

implements svg image file download used by canvas

Parameters

name : Object

util.svg.base
view source

a( attr, callback ) : util.svg.element.transform

return a element ...

return a element

Parameters

attr : Object
callback : Function

Returns

util.svg.element.transform

util.svg
view source

autoRender( elem, isAuto )

...

Parameters

elem : util.svg.element
isAuto : Boolean

util.svg
view source

clear( isAll )

...

Parameters

isAll : Object

util.svg.base
view source

custom( name, attr, callback ) : util.svg.element

return custom element ...

return custom element

Parameters

name : String
attr : Object
callback : Function

Returns

util.svg.element

util.svg.base
view source

defs( callback ) : util.svg.element

return defs element ...

return defs element

Parameters

callback : Function

Returns

util.svg.element

util.svg
view source

exportCanvas( canvas )

convert svg image to canvas ...

convert svg image to canvas

Parameters

canvas : Canvas

util.svg.base
view source

g( attr, callback ) : util.svg.element.transform

return defs element ...

return defs element

Parameters

attr : Object
callback : Function

Returns

util.svg.element.transform

util.svg
view source

getTextSize( text ) : Object

caculate real pixel size of text element ...

caculate real pixel size of text element

Parameters

text : String
target text

Returns

Object
- width : Integer
  text element's width (px)
- height : Integer
  text element's height(px)

util.svg.base
view source

line( attr, callback ) : util.svg.element.transform

return line element ...

return line element

Parameters

attr : Object
callback : Function

Returns

util.svg.element.transform

util.svg.base
view source

marker( attr, callback ) : util.svg.element

return marker element ...

return marker element

Parameters

attr : Object
callback : Function

Returns

util.svg.element

util.svg.base
view source

rect( attr, callback ) : util.svg.element.transform

return rect element ...

return rect element

Parameters

attr : Object
callback : Function

Returns

util.svg.element.transform

util.svg
view source

render( isAll )

...

Parameters

isAll : Object

util.svg
view source

reset( isAll )

...

Parameters

isAll : Object

util.svg
view source

size( ) : Object

if arguments.length is 2, set attribute width, height to root element if arguments.length is zero, return svg size ...

if arguments.length is 2, set attribute width, height to root element if arguments.length is zero, return svg size

Returns

Object

util.svg.base
view source

switch( attr, callback ) : util.svg.element

return switch element ...

return switch element

Parameters

attr : Object
callback : Function

Returns

util.svg.element

util.svg.base
view source

symbol( attr, callback ) : util.svg.element

return symbol element ...

return symbol element

Parameters

attr : Object
callback : Function

Returns

util.svg.element

util.svg
view source

toDataURI( ) : String

convert svg to datauri format ...

convert svg to datauri format

Returns

String

util.svg
view source

toXML( ) : String

convert xml string ...

convert xml string

Returns

String
xml

util.svg.base
view source

use( attr ) : util.svg.element

return use element ...

return use element

Parameters

attr : Object

Returns

util.svg.element

Defined By

Static methods

util.svg
view source

create( obj ) : util.svg.elementstatic

create nested elements by json SVG.create({ tag : "pattern", attr : { x : 0, y : 0, width : 20, height : 2...

create nested elements by json

SVG.create({
     tag : "pattern",
     attr : { x : 0, y : 0, width : 20, height : 20  },
     children : [
         { tag : 'rect', attr : {width : 20, height : 20, fill : 'black', stroke : 'blue', 'stroke-width' : 2 } ,
         { tag : 'rect', attr : {width : 20, height : 20, fill : 'black', stroke : 'blue', 'stroke-width' : 2 } ,
         { tag : 'rect', attr : {width : 20, height : 20, fill : 'black', stroke : 'blue', 'stroke-width' : 2 } ,
         { tag : 'rect', attr : {width : 20, height : 20, fill : 'black', stroke : 'blue', 'stroke-width' : 2 }
     ]
 });

is equals to

<pattern x="0" y="0" width="20" height="20">
     <rect width="20" height="20" fill="black" stroke="blue" stroke-width="2" />
     <rect width="20" height="20" fill="black" stroke="blue" stroke-width="2" />
     <rect width="20" height="20" fill="black" stroke="blue" stroke-width="2" />
     <rect width="20" height="20" fill="black" stroke="blue" stroke-width="2" />
 </pattern>

Parameters

obj : Object
json literal
- type : String
  svg element name
- attr : Object
  svg element's attributes
- children : Array (optional)
  svg element's children
  
  Defaults to: null

Returns

util.svg.element