CoString of 2D Canvas Simple Polygon
View this example in sandbox :
o,109.72328593151204,214.0909703111111&z,12&a,2,ef1568,0.8,61ed04,0.3,79.72328593151204,379.0909703111111,127.72328593151204,345.0909703111111,127.72328593151204,413.0909703111111
View this example full screen.
View this example in sandbox :
o,109.72328593151204,214.0909703111111&z,12&a,2,ef1568,0.8,61ed04,0.3,79.72328593151204,379.0909703111111,127.72328593151204,345.0909703111111,127.72328593151204,413.0909703111111
function initialize() { var oMapOptions = { coStrType: zhupiter.CoStr.CoStrType.CANVAS2D, center: new zhupiter.CoStr.Point2D(214.0909703111111, 109.72328593151204), zoom: 12 }; var oCoStrMap = new zhupiter.CoStr.Map(document.getElementById('map_canvas'), oMapOptions); var oCoords = [ //@ Format: zhupiter.CoStr.Point2D(x, y) new zhupiter.CoStr.Point2D(379.0909703111111, 79.72328593151204), new zhupiter.CoStr.Point2D(345.0909703111111, 127.72328593151204), new zhupiter.CoStr.Point2D(413.0909703111111, 127.72328593151204) ]; var oTriangle = new zhupiter.CoStr.Triangle({ coStrMap: oCoStrMap, path: oCoords, strokeWeight: 2, strokeColor: '#ef1568', strokeOpacity: 0.8, fillColor: '#61ed04', fillOpacity: 0.3 }); } zhupiter.CoStr.event.addDomListener(window, 'load', initialize);
<!DOCTYPE html> <html> <head> <meta name='viewport' content='initial-scale=1.0, user-scalable=no'> <meta charset='utf-8'> <title>2D Canvas Simple Polygon</title> <style> html, body, #map_canvas { height: 100%; margin: 0px; padding: 0px } </style> <script src='//costr.zhupiter.com/js/'></script> <script> function initialize() { var oMapOptions = { coStrType: zhupiter.CoStr.CoStrType.CANVAS2D, center: new zhupiter.CoStr.Point2D(214.0909703111111, 109.72328593151204), zoom: 12 }; var oCoStrMap = new zhupiter.CoStr.Map(document.getElementById('map_canvas'), oMapOptions); var oCoords = [ //@ Format: zhupiter.CoStr.Point2D(x, y) new zhupiter.CoStr.Point2D(379.0909703111111, 79.72328593151204), new zhupiter.CoStr.Point2D(345.0909703111111, 127.72328593151204), new zhupiter.CoStr.Point2D(413.0909703111111, 127.72328593151204) ]; var oTriangle = new zhupiter.CoStr.Triangle({ coStrMap: oCoStrMap, path: oCoords, strokeWeight: 2, strokeColor: '#ef1568', strokeOpacity: 0.8, fillColor: '#61ed04', fillOpacity: 0.3 }); } zhupiter.CoStr.event.addDomListener(window, 'load', initialize); </script> </head> <body> <div id='map_canvas'></div> </body> </html>
座標物語 | 贊助比特幣: 1LX5KC19tXCPK8y72Z6LVoZjoSaCp9P6K