229
edits
How to manipulate Canvas elements: Difference between revisions
Jump to navigation
Jump to search
How to manipulate Canvas elements (view source)
Revision as of 15:54, 5 December 2017
, 5 December 2017→polyline
| Line 120: | Line 120: | ||
var root = myCanvas.createGroup(); | var root = myCanvas.createGroup(); | ||
var myGroup = root.createChild("group"); | var myGroup = root.createChild("group"); | ||
var (red,blue, | var (red,blue,green) = ['#ee0000', [0,0,1], [0,0.8,0] ]; | ||
canvas.plot2D.polyline(myGroup,[150,181,194,157,199],[52,20,64,28,36]); | |||
canvas.plot2D.polyline(myGroup,[150,181,194,157,199],[ | ## 3 vertices with default values: | ||
canvas.plot2D.polyline(myGroup,[ | canvas.plot2D.polyline(myGroup,[20,30,70],[15,55,65]); | ||
## with symmetrical = 'x': | ## 3 vertices with symmetrical = 'x': | ||
canvas.plot2D.polyline(myGroup,[ | canvas.plot2D.polyline(myGroup,[20,30,70],[130,170,180],blue,"x"); | ||
## 3 vertices with symmetrical = 'y': | |||
## with symmetrical = 'y': | canvas.plot2D.polyline(myGroup,[150,160,200],[90,130,140],red,"y"); | ||
canvas.plot2D.polyline(myGroup,[ | ## 3 vertices with symmetrical = 'xy': | ||
canvas.plot2D.polyline(myGroup,[50,60,100],[100,140,150],green,"xy"); | |||
## with symmetrical = 'xy': | ## 3 vertices with symmetrical = 'yx': | ||
canvas.plot2D.polyline(myGroup,[ | canvas.plot2D.polyline(myGroup,[100,110,150],[50,90,100],'#0',"yx"); | ||
## with symmetrical = 'yx': | |||
canvas.plot2D.polyline(myGroup,[100,110,150],[50,90,100],'#0'," | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|| [[File:Plot2D.rectangle and grid.png|thumb]] | || [[File:Plot2D.rectangle and grid.png|thumb]] | ||