Stack Overflow
Stack Overflow

Questions tagged [scaletransform]

ScaleTransform refers to a procedure to scales an object in the 2-D x-y coordinate system, it can be used to stretch or shrink an object horizontally or vertically.

ScaleTransform refers to a procedure to scales an object in the 2-D x-y coordinate system, it can be used to stretch or shrink an object horizontally or vertically.

187 questions
63
votes
4 answers

Transform only one axis to log10 scale with ggplot2

I have the following problem: I would like to visualize a discrete and a continuous variable on a boxplot in which the latter has a few extreme high values. This makes the boxplot meaningless (the points and even the "body" of the chart is too…
daroczig
  • 28,004
  • 7
  • 90
  • 124
27
votes
4 answers

SVG Scale without moving location

What I'm trying to do is simple: scale some SVG dots from scale(0) to scale(1) when a sibling element is hovered using vanilla js. They are the red ones in the demo Here's the basic SVG setup
Zach Saucier
  • 24,871
  • 12
  • 85
  • 147
22
votes
1 answer

WPF Canvas Scaling/Transform to Fit

I'm reposting this question as I didn't get much of a response last time, hopefully a bit of re-wording might help... Essentially what I'm trying to do is to create a databound canvas, that will automatically scale its contents to 'fill' up the…
Ian
  • 33,605
  • 26
  • 118
  • 198
20
votes
9 answers

Video and z-index inside scaled element: some divs disappear

I have a somewhat strange behaviour in Chrome and Safari. I have a scaled (transform: scale()) container with a video and other elements inside of it. At some scalings the absolute positioned elements with a high z-index disappears and does not come…
iafiawik
  • 433
  • 3
  • 13
18
votes
4 answers

d3 getting invert value of Band Scales

i am writing a Gantt Chart using d3 i have xScale with Time Scale(Time) this.xScale = d3.scaleTime() .domain([this.startDate,this.endDate]) .range([0,this.getWidth()]); and yScale as Band Scale (Resources) this.yScale =…
chiranjeevigk
  • 1,636
  • 1
  • 23
  • 43
14
votes
3 answers

Using CSS transform scale() to zoom into an element without cropping, maintaining scrolling

Live example: https://jsfiddle.net/b8vLg0ny/ It's possible to use the CSS scale and translate functions to zoom into element. Take this example, of 4 boxes in a 2x2 grid. HTML:
Adam Prescott
  • 1,145
  • 2
  • 11
  • 17
12
votes
3 answers

Scale items with iCarousel

I was trying to use iCarousel for one my solutions, I need to achieve something like the image below It should be exactly the way iCarouselOptionFadeMin iCarouselOptionFadeMax iCarouselOptionFadeRange iCarouselOptionFadeMinAlpha works using -…
iphonic
  • 12,615
  • 7
  • 60
  • 107
11
votes
1 answer

Android - Flip Animation not flipping smoothly

I want to make my image to flip horizontally for 4 times, and at the same time scaling it down. I have the following code for flipping: ObjectAnimator flipAnimation = ObjectAnimator.ofFloat(view, "rotationY", 0.0f,…
Derekyy
  • 1,018
  • 4
  • 18
  • 31
10
votes
3 answers

transform scale works incorrectly for odd pixel widths

I am trying to scale a div, but keep the inside element at the same position and the same size. To do that, I use transform: scale(value) on wrapper and transform: scale(1/value) on the inside div. The problem is, that the inside div shifts when I…
sanjihan
  • 5,592
  • 11
  • 54
  • 119
10
votes
2 answers

Pulsating button animation in Android

I'm working with a Voice recognition application and I want to make my play/stop button "pulse" when it's recording. Something like this: I have tried to make a ScaleAnimation, doing the button grow, but of course, it makes grow all the button. …
Francisco Durdin Garcia
  • 12,540
  • 9
  • 53
  • 95
10
votes
3 answers

How to programmatically animate an ImageView

I am trying to animate an ImageView when the said image view is clicked. Specifically I want the size of the ImageView gets bigger (say .20 bigger) and the immediately shrink back to its original size). So far I have been experimenting with this…
Jeremy
  • 2,516
  • 8
  • 46
  • 80
9
votes
1 answer

Scale an entire HTML element using CSS

How can I scale an entire element and all children by a specific percentage or to a specific final size? I have a , and I am simulating a pictograph using JavaScript to calculate the width of divs + a repeating background tag. I'd like to…
Ben Parsons
  • 1,425
  • 1
  • 14
  • 30
9
votes
1 answer

matrix scale transition not working

I have to use the transform matrix to animate transform: scale of an element. I want to scale from 0 to 1. If I use the following code it works properly: .container { width: 200px; height: 100px; background: yellow; transform:…
yacon
  • 1,112
  • 1
  • 10
  • 17
8
votes
2 answers

Improving WPF Canvas performance

I am developing a Maps like application using WPF. I have ~10,000 PathGeometry, Shapes added to the canvas. I have added ScaleTransform and TranslateTransform for zooming and panning controls. The problem I'm facing is, when I zoom or pan, there is…
Sam
  • 933
  • 5
  • 14
  • 26
8
votes
6 answers

ScaleTransform and CenterX

I have the following code ... …
Vasco Correia
  • 81
  • 1
  • 1
  • 2
1
2 3
…
12 13