@teachinglab/omd 0.7.28 → 0.7.29

package/jsvg/jsvg.js

@@ -400,6 +400,25 @@ export class jsvgEllipse extends jsvgObject
         this.height = h;
         this.svgObject.setAttribute("ry", (this.height/2).toString() );
     }
+
+    setPosition( x, y )
+    {
+        this.xpos = x;
+        this.ypos = y;
+        this.svgObject.setAttribute("cx", x.toString() );
+        this.svgObject.setAttribute("cy", y.toString() );
+        this.svgObject.setAttribute("transform", "" );
+    }
+
+    updateTransform()
+    {
+        var transformParams = "";
+        if ( this.scale != 1.0 )
+            transformParams += " scale(" + this.scale.toString()  + ")";
+        if ( this.rotation != 0.0 )
+            transformParams += " rotate(" + this.rotation + ")";
+        this.svgObject.setAttribute("transform", transformParams.trim() );
+    }
 }
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teachinglab/omd",
-  "version": "0.7.28",
+  "version": "0.7.29",
   "description": "omd",
   "main": "./index.js",
   "module": "./index.js",

package/src/omdShapes.js

@@ -148,10 +148,15 @@ export class omdIsoscelesTriangle extends jsvgGroup
     {
         this.shapePath.clearPoints();
 
-        this.shapePath.addPoint( -0.5*this.unitScale*this.triangleBase, 0 );
-        this.shapePath.addPoint(  0.5*this.unitScale*this.triangleBase, 0 );
-        this.shapePath.addPoint( 0, -1.0*this.unitScale*this.triangleHeight );
-        this.shapePath.addPoint( -0.5*this.unitScale*this.triangleBase, 0 );
+        const baseWidth = this.unitScale * this.triangleBase;
+        const triangleHeight = this.unitScale * this.triangleHeight;
+        const offsetX = 10;
+        const offsetY = triangleHeight + 10;
+
+        this.shapePath.addPoint( offsetX, offsetY );
+        this.shapePath.addPoint( offsetX + baseWidth, offsetY );
+        this.shapePath.addPoint( offsetX + baseWidth * 0.5, offsetY - triangleHeight );
+        this.shapePath.addPoint( offsetX, offsetY );
 
         this.shapePath.updatePath();
 
@@ -286,7 +291,11 @@ export class omdEllipse extends jsvgGroup
 
     updateLayout()
     {
-        this.shapePath.setWidthAndHeight( this.rectWidth*this.unitScale, this.rectHeight*this.unitScale );
+        const ellipseWidth = this.rectWidth * this.unitScale;
+        const ellipseHeight = this.rectHeight * this.unitScale;
+
+        this.shapePath.setWidthAndHeight( ellipseWidth, ellipseHeight );
+        this.shapePath.setPosition( ellipseWidth * 0.5 + 10, ellipseHeight * 0.5 + 10 );
 
         // Set dimensions and viewBox for API compatibility
         this.width = this.rectWidth * this.unitScale + 20;
@@ -330,7 +339,10 @@ export class omdCircle extends jsvgGroup
 
     updateLayout()
     {
-        this.shapePath.setWidthAndHeight( 2.0*this.radius*this.unitScale, 2.0*this.radius*this.unitScale );
+        const diameter = 2.0 * this.radius * this.unitScale;
+
+        this.shapePath.setWidthAndHeight( diameter, diameter );
+        this.shapePath.setPosition( this.radius * this.unitScale + 10, this.radius * this.unitScale + 10 );
 
         // Set dimensions and viewBox for API compatibility
         this.width = 2.0 * this.radius * this.unitScale + 20;