Questions tagged [image-clipping]

63 questions
3
votes
1 answer

To what extent can ImageMagick retain a clipping path when converting PSD files into GIF, PNG, JPG files?

We have a PHP tool which converts images from PSD into other formats by calling ImageMagick. In order to potentially extend the tool's functionality, I now need to find out "what are the possibilities of ImageMagick to convert PSD files into GIF,…
Edward Tanguay
  • 189,012
  • 314
  • 712
  • 1,047
2
votes
1 answer

Clipping images in Webgl

The 2-D canvas provides an api called draw image : context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); where sx is the position from where the image clipping starts . http://www.w3schools.com/tags/canvas_drawimage.asp, I am trying to use…
2
votes
4 answers

How to make image clipping in css

I tried to make an clipping mask on css but I think I'm on a wrong track. Here is the image that im trying to convert to html.. now that I tried it on my end, it looks like a mess: CSS: .img_nav_individual { float: left; border: 3px solid…
1
vote
1 answer

Independed Compositing at Html5 Canvas + fabric.js

i need to do something like the image below with canvas. Users going to drag and drop images to to yellow bordered squares than change size-position of images. Images will be clipped inside yellow borders. I thought using clipping but, when use…
Mirat Can Bayrak
  • 631
  • 7
  • 18
1
vote
1 answer

Masking/clipping part of a contour plot above a specified curve with python

I have a contour plot which is produced using Triangulation/TriInterpolation and contourf, shown in the image below. I also have the two curves plotted on either side of the contour which are the boundary for where data should not go past. As can be…
1
vote
1 answer

How do I tell when an image is clipped?

If I have a LinearLayout containing ImageViews, how could I write code to tell which, if any, is clipped by the edge of the screen?
i_am_jorf
  • 53,608
  • 15
  • 131
  • 222
1
vote
1 answer

Is it possible to place a square image over a oval shape image?

I have tried creating a oval shape using CSS and then placing image over it. But the background egg shape needs to be an image.Can I get the same look using image on image? So, the background pink shade is an image and the kitty image will be…
monisha
  • 245
  • 3
  • 17
1
vote
1 answer

Clipping path issues

I have written my own poly-line class that essentially keeps a list of points that can be modified using a Matrix. The poly lines can be added to other poly lines and joined at common endpoints. The poly line will represent a polygon when the end…
Shawn
  • 73
  • 1
  • 6
1
vote
1 answer

How to clip a BufferedImage with a shape created with Graphics2D?(Java)

Currently, I'm working on my first Java application with which a user can look through photos, cut them and rotate. I have an issue with clipping an image. What I want to achieve is the following: User clicks on the "Cut" option Rectangle shape…
Ilona
  • 357
  • 3
  • 10
1
vote
0 answers

Is it possible to clip the image for google map Marker

Currently I am using Angular and google map API. I put some of markers on google map and try to change it as custom icons. However, in this case, I would like to put many icons for one image file and use the icons by clipping. For the CSS, I could…
Patrick.L
  • 33
  • 9
1
vote
2 answers

Slicing UIImage into triangles in iPhone app

I am working on a iPhone app where I take a picture with the camera. Hereafter it should be possible to slice the image in various shapes - most important triangles. Can anyone give me a point in the right direction or examples etc. I have made it…
Bjarke
  • 1,283
  • 11
  • 36
1
vote
1 answer

Background Image positioning for MouseEnter (hover) event in Silverlight

On firing the MouseEnter event for TextBlock, nested inside the Border element, I want to clip a specific portion of an image (equivalent to CSS' background-position: -1100px -24px) to place it as a background of Border element. Following is the…
abm
1
vote
1 answer

clip-path takes up space for the whole image?

I'm trying to show only a part of the image, but it takes up the height inside my box for the whole image when I only want to take up the height for the part I'm showing. In my example code below, note the light blue background showing behind the…
burido
  • 73
  • 7
1
vote
1 answer

Clip div with SVG path

I have two overlapping divs and I am trying to achieve the following effect: In order to do that my logic is to get the two divs to overlap, create that shape with SVG inside the second div and use that shape to clip the second div and show what’s…
Guillermo Carone
  • 818
  • 2
  • 9
  • 24
1
vote
1 answer

Are HTML canvas clip paths inclusive or exclusive?

I've been working on a Typescript based touch screen client for our CQC home automation platform, and ran across something odd. There are lots of places where various graphical elements are layered over images. When it's time to update some area of…