Stack Overflow
Stack Overflow

Questions tagged [image-clipping]

63 questions
38
votes
6 answers

Can I draw outside the bounds of an Android Canvas

I'm porting an app written in a graphics environment that allows drawing to happen outside the bounds of the clipping rectangle. Any way to do this in Android?
Mark
  • 1,049
  • 4
  • 12
  • 14
21
votes
2 answers

Canvas.clipPath(Path) not clipping as expected

I'm trying to clip a canvas drawing operation to an arc-shaped wedge. However, I'm not getting the intended result after setting the clipping path to the canvas. For illustration, here is what I'm doing: path.reset(); //Move to point…
Kevin Coppock
  • 133,643
  • 45
  • 263
  • 274
20
votes
7 answers

Multiple clipping areas on Fabric.js canvas

For making Photo Collage Maker, I use fabric js which has an object-based clipping feature. This feature is great but the image inside that clipping region cannot be scaled, moved or rotated. I want a fixed position clipping region and the image can…
ep4f
  • 420
  • 1
  • 5
  • 14
6
votes
4 answers

How do I copy part of one image to another?

I want to copy part of one image into another smaller one: in other words, copy a subrectangle. I have a Graphics2D object for the source, I can make one for the target, and I know about targetGraphics2D.drawImage(Image img,....) , but how do I get…
Joshua Fox
  • 18,704
  • 23
  • 87
  • 147
5
votes
1 answer

clip-rect area rotation raphael.js

I can show rectangle part of image using clip-rect attribute in raphael.js. Could you please tell me how I can rotate that clip-rect area (not the image). Maybe I should use clipPath svg attr? But it has to be raphael.js solution, so that IE's vml…
Dima Bildin
  • 1,533
  • 10
  • 14
5
votes
2 answers

SVG scaling and clip path

I'm struggling with an SVG clip path scaling behaviour. I would like to scale a clip path to fit the element size it's applied to. I've been reading about clipPath units but I can't get this working. Here is an example of what I am trying to do…
picooose
  • 125
  • 2
  • 8
4
votes
2 answers

How to crop the image in iPhone

I want to do the same thing as asked in this question. In my App i want to crop the image like we do image cropping in FaceBook can any one guide me with the link of good tutorial or with any sample code. The Link which i have provided will…
Muhammad Saqib
  • 993
  • 2
  • 15
  • 37
4
votes
0 answers

UIView & Image Clipping in iPhone?

Let said I have a image which the circle in the middle is transparent and I use the drawRect function to draw sqaure like the second image below. Then what I want to do is to get the alpha layer of the first image, the circle as a path, then apply…
Sola
  • 1,512
  • 4
  • 15
  • 31
4
votes
3 answers

Masking/clipping an image with a custom SVG shape

I need to mask an image with a custom shape SVG (it's like an arch as you see in the images below). Here is the actual code with the path of the SVG shape: img { clip-path: path('M451.715 154.05C451.79 152.468 451.828 150.88 451.828…
Fred K
  • 13,249
  • 14
  • 78
  • 103
4
votes
3 answers

WPF image host with centering and clipping

I feel like I may need some converters, but this is what I want to do. I want a single Image control (since it is in a data template that is bound to real data) with the following parameters. Be centered in a space that is 90x90 (no stretching of…
sohum
  • 3,207
  • 2
  • 39
  • 63
3
votes
2 answers

JQuery Draggable - constrain to parent, but allow sliding under parent?

I'm using the JQuery Draggable plugin. I'm trying to create an Image Editing control where the user can move (and eventually resize) the draggable image. If you look at the demo here, you'll see that you can drag the grey box around and if it goes…
lhan
  • 4,585
  • 11
  • 60
  • 105
3
votes
1 answer

How to do Image clipping by using SVG shapes?

Anyone could guide me with how to do CSS Image Clip path with SVG unique shapes? Some people were suggesting to a third-party plugin like SVG Injector and all. Anyone could help me how to achieve this task that will work in all the browsers? I have…
John smith FN
  • 101
  • 1
  • 1
  • 8
3
votes
2 answers

Cross-browser clipping masks

My web site has navigation, presented as a list of rectengular buttons with round corners. Each button should have it's own custom background, which is a photo. Photo is bigger than button and should move in response to mouse movement over this…
AntonAL
  • 16,692
  • 21
  • 80
  • 114
3
votes
2 answers

How can I clip and transform an image, adding rounded corners and perspective?

How can I use HTML and CSS to make a div with an image inside it that is clipped and masked so that it looks like the following: I've been trying to find a way to do this for about 2 hours now and got nowhere so I was just hoping someone could…
geoffs3310
  • 5,599
  • 11
  • 51
  • 104
3
votes
1 answer

How to clip an image with jQuery without a plugin

How do I clip an image in jQuery without a plugin? I want to create a 360 image rotator by placing all of the images in a single image and then have jQuery navigate to the correct X,Y coordinates in that master image and display the correct clip of…
Payton Byrd
  • 956
  • 1
  • 12
  • 27
1
2 3 4 5