Questions tagged [clip]

Clipping is restricting the surface on which a drawing is made

Clipping is restricting the surface on which a drawing is made Clipping can also include gaps in a surface. Clips can be rectangle, ellipse, or any other kind of geometry depending on the support of the graphical engine

732 questions
8
votes
2 answers

Chrome -webkit-clip-path and outline bug

I've found rather strange behaviour in Chrome's (30.0.1599.69) -webkit-clip-path and want to know if it's a bug or not. When element has clip-path set to rectangle, and then something on the page gets ouline (for example, due to focus), clip-path…
8
votes
4 answers

How to clip an element's background to display only a part of the image?

For clarification look at the following images. The first one is what I intend to achieve. It's a text input element with two background images, one on each side. The second image is the sprite image containing the icons I need. Now my question is,…
2hamed
  • 8,719
  • 13
  • 69
  • 112
8
votes
3 answers

Animate the clip: rect property?

I want to animate the css property clip: rect with jQuery's .animate() but can't find if this is possible anywhere. Have tried: $(".img1").animate({ clip: "rect(1px, 945px, 499px, 1px)" },300); without any luck. Does anyone know? Thanks
PaperThick
  • 2,749
  • 4
  • 24
  • 42
7
votes
1 answer

Clip an image using several patches in matplotlib

I have a plot in pylab which I want to clip to the borders of a map of the UK. I've also made a series of patches which contain the outlines of each country: one for England, one for Wales etc. Clipping the plot one patch works brilliantly: fig =…
Hannah Fry
  • 193
  • 1
  • 7
7
votes
2 answers

How can I clip the values returned by a layer in Keras?

How can I clip the values returned by the Lambda layer? I tried using this: from keras.backend.tensorflow_backend import clip from keras.layers.core import Lambda ... model.add(Dense(1)) model.add(Activation('linear')) model.add(Lambda(lambda x:…
PascalVKooten
  • 20,643
  • 17
  • 103
  • 160
7
votes
2 answers

How to render clipped surfaces as solid objects

In Three.js, I have a 3d object where I am using local clipping planes to only render a part of the object. However, since 3d objects are "hollow" (meaning only the outer surface is rendered), when we clip anything off that surface we can "see into"…
Cameron Edwards
  • 198
  • 1
  • 6
7
votes
1 answer

using an external svg with clip-path in Firefox

I'm trying to work with clip-path in firefox. I'm using the following CSS in an external file: .featured_event_panel{ background:url(../images/home/screen2.jpg) repeat; background-position:center 50%; -webkit-clip-path: polygon(0 100%,100%…
BarryWalsh
  • 1,300
  • 4
  • 14
  • 36
7
votes
9 answers

CSS box shadow on container div causes scrollbars

I have a website with the following setup:
I use the clearfooter and a footer outside the container to keep…
Jason Turner
  • 1,184
  • 2
  • 10
  • 18
7
votes
3 answers

SIGSEGV in Canvas.clipPath at the second clipPath

I have a ASUS Nexus 7 running Android 4.2.2 My application is generatng a SIGSEGV in sk_malloc_flags when running the following code: static Picture createDrawing() { Path firstPath = new Path(); firstPath.moveTo(3058, 12365); …
Winnie
  • 71
  • 2
7
votes
4 answers

CSS Clip and Absolute Positioning

I'm using clip to create thumbnails for a gallery. Unfortunately, clip can only be used when an element is absolutely positioned. Applied equally to each img, this of course makes them all sit on each other while using one CSS style, something like…
prestomation
  • 7,225
  • 3
  • 39
  • 37
6
votes
2 answers

Clip matrix for 3D Perspective Projection

I am trying to create a simple 3D graphics engine and have found and used the equations I found here: http://en.wikipedia.org/wiki/3D_projection#cite_note-0. (I have calculations for Dx, Dy, Dz and Bx, By) I works, but when I rotate the camera…
mclaassen
  • 5,018
  • 4
  • 30
  • 52
6
votes
1 answer

Keeping metadata when using gIntersection from rgeos package in R

I have a set of coordinates as a SpatialPointsDataFrame object in R and I am clipping these points using a polygon to get only those points that are found within this polygon. I am doing this with the gIntersection function from the rgeos package.…
Pascal
  • 103
  • 1
  • 6
6
votes
3 answers

How to make curved bottom appBar in Flutter?

How to draw custom shape for the appBar in my application to look like the image?
ialyzaafan
  • 378
  • 6
  • 21
6
votes
1 answer

Python cartopy map, clip area outside country (polygon)

I create a Stamen terrain map with the country border from NaturalEarth. Now I want to remove all the data (terrain in this case) from outside the country border. How would I do that? My example with the terrain visible inside and outside of…
yngwaz
  • 769
  • 1
  • 9
  • 17
6
votes
2 answers

How to make clipping geometry scale with the target?

In the following example whenever Grid size is changed, the clipping region size remains as it is expressed in absolute coordinates. Is is possible somehow to clip…
AlexK
  • 228
  • 2
  • 7
1 2
3
48 49