From da9bea30b5ffad5abbfba4f6598a84ce804e57f1 Mon Sep 17 00:00:00 2001 From: Sam El-Husseini Date: Fri, 12 Jan 2018 13:50:09 -0800 Subject: [PATCH] Update large motor view SVG so that the drop shadow is outside the hole SVG --- sim/visuals/assets/Large Motor.svg | 159 +++++++++++++--------------- sim/visuals/assets/LargeMotorsvg.ts | 157 +++++++++++++-------------- sim/visuals/nodes/largeMotorView.ts | 6 +- 3 files changed, 146 insertions(+), 176 deletions(-) diff --git a/sim/visuals/assets/Large Motor.svg b/sim/visuals/assets/Large Motor.svg index b25fe9ae..7ed3be99 100644 --- a/sim/visuals/assets/Large Motor.svg +++ b/sim/visuals/assets/Large Motor.svg @@ -1,92 +1,77 @@ - - - - - - - - - - - - - Large Motor - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + Large Motor + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/sim/visuals/assets/LargeMotorsvg.ts b/sim/visuals/assets/LargeMotorsvg.ts index c38ce09b..22c98430 100644 --- a/sim/visuals/assets/LargeMotorsvg.ts +++ b/sim/visuals/assets/LargeMotorsvg.ts @@ -1,94 +1,79 @@ namespace pxsim { - export const LARGE_MOTOR_SVG = ` - - - - - - - - - - - - Large Motor - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + export const LARGE_MOTOR_SVG = ` + + + Large Motor + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - - - - - - - - - - - - - - - - `; } \ No newline at end of file diff --git a/sim/visuals/nodes/largeMotorView.ts b/sim/visuals/nodes/largeMotorView.ts index 57fac3d6..d2e0a81e 100644 --- a/sim/visuals/nodes/largeMotorView.ts +++ b/sim/visuals/nodes/largeMotorView.ts @@ -46,9 +46,9 @@ namespace pxsim.visuals { } protected renderMotorAngle(holeEl: Element, angle: number) { - const width = 125.92; - const height = 37.9; - const transform = `rotate(${angle} ${width / 2} ${height / 2})`; + const width = 35.92; + const height = 35.9; + const transform = `translate(45.000000, 1.000000) rotate(${angle} ${width / 2} ${height / 2})`; holeEl.setAttribute("transform", transform); }