Skip to main content

Questions tagged [image-clipping]

The tag has no usage guidance.

image-clipping
0 votes
0 answers
6 views

moviepy imageclip doesn't work well for different images

image_clip = ImageClip("img1.jpg") image_clip = image_clip.set_duration(wait_time).set_position('center').set_fps(24) image_clip.write_videofile("image_clip.mp4", fps=24) this ...
ju jinqian's user avatar
0 votes
1 answer
75 views

ImageMagick creates a small black border around a clipped image

For our website, we clip images based on a clipping path. Since this needs to be done daily, for a lot of images, we have set up a server on which we run ImageMagick. I noticed that clipped images ...
wd3003's user avatar
  • 1
1 vote
1 answer
364 views

SVG Overflow: None (Clip SVG Inside Div)

How do I get the SVG to clip inside its container? I would like the blue circle not to be visible outside the red rectangle (like overflow:none; for divs). Although in this example, the SVG is a ...
lmat - Reinstate Monica's user avatar
0 votes
1 answer
336 views

How do I make a left and right clipping mask gradient, no indicate that there is more content to scroll?

My inspiration is this (on the top right of YouTube videos) So I found this tutorial on how to do that gradient, I also have an image background so instead of using a gradient color like the tutorial ...
user3570240's user avatar
0 votes
1 answer
343 views

SVG image with clip-path not clipping properly

I am trying to add a clipping mask to set of images on SVG. But the images are not showing properly. <g *ngFor="let node of nodeList" [attr.transform] = "'translate(0,1460) ...
Pasan Madhushan's user avatar
5 votes
3 answers
4k views

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 ...
Fred K's user avatar
  • 13.7k
0 votes
0 answers
49 views

Creating a nested for loop clipping function

My old C++ code reads a spritesheet (rows = different buttons, cols = different button states) one row at a time using for loops and divides them into individual sprite clips. All the sprites are the ...
Jeffrey's user avatar
  • 37
0 votes
1 answer
34 views

Background image viewport by many-images-in-one-image-file

To reduce the loadtime of my webpage I put all icons into one big imagefile. What I need now is the fourth icon (attachment-icon) as button icon. This is what I have: button.attach { background:...
Grim's user avatar
  • 1,659
1 vote
1 answer
1k views

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 ...
Fëanor Ares's user avatar
1 vote
1 answer
362 views

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 ...
monisha's user avatar
  • 245
3 votes
1 answer
19k views

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 ...
John smith FN's user avatar
1 vote
1 answer
275 views

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: ...
Ilona's user avatar
  • 357
0 votes
1 answer
696 views

How to trim a svg image in markdown file

I have a svg file, made by Google Drawings. (The png version is shown below and the svg code is below <svg version="1.1" viewBox="0.0 0.0 960.0 720.0" fill="none" stroke="none" stroke-linecap="...
aura's user avatar
  • 505
1 vote
0 answers
82 views

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 ...
Patrick.L's user avatar
1 vote
1 answer
2k views

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, ...
burido's user avatar
  • 63

15 30 50 per page
1
2 3 4 5