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 22:26, 6 December 2017
, 6 December 2017→Behind the scene
| Line 257: | Line 257: | ||
We have our new canvas, ready to play with.<br /> | We have our new canvas, ready to play with.<br /> | ||
At the ''>>>'' prompt type:<syntaxhighlight> | At the ''>>>'' prompt type:<syntaxhighlight> | ||
var arrow = canvas.plot2D.polyline(myGroup,[90,120,10],[20,30,30],'#0',"y" | var arrow = canvas.plot2D.polyline(myGroup,[90,120,10],[20,30,30],'#0',"y");</syntaxhighlight> | ||
Do not forget the {{key press|Enter}}.<br /> | Do not forget the {{key press|Enter}}.<br /> | ||
You should have something like this:[[File:My_Arrow.png|thumb]]<br /> | You should have something like this:[[File:My_Arrow.png|thumb]]<br /> | ||
| Line 265: | Line 265: | ||
<syntaxhighlight> | <syntaxhighlight> | ||
arrow.getBoundingBox(); | arrow.getBoundingBox(); | ||
</syntaxhighlight> you get [ | </syntaxhighlight> you get ''[9.5,19.5, 120.5,40.5]'' which are the values for [Xmin,Ymin, Xmax,Ymax].<br /> | ||
The virtual points (the red flashing ones) are usually named as (from 1 to 9):<br /> | |||
'left-top' 'center-top' 'right-top'<br /> | |||
'left-center' 'center-center' 'right-center'<br /> | |||
'left-bottom' 'center-bottom' 'right-bottom'<br /> | |||