ios video playback - iOS avPlayer layer sets rounded corners

I use avplayer to play videos and want to set rounded corners for the video layer. I set the maskToBounds and cornerRadius of avplayerlayer. The layer is added to the imageView through the addSubLayer method. In addition, imageView displays album images, it can complete...

天蓬老师 2017-06-07 09:24:56 0  1  1303

How to round corners when using CSS clipping path

I would like to be able to round the 3 leftmost corners of the shape I created, any idea how to do this? div{position:absolute;z-index:1;width:423px;height:90px;background-color:#b0102d;color:white;right:0;margin-top:10vw;-webkit-clip-path:polygon( 100%0%,100%50%,100%100%

P粉921130067 2023-08-24 15:40:15 0  1  583

javascript - How to crop images into rounded rectangles online through Html5 or original js?

Is there any way in h5 or js to crop images on the web page and then cut them into rounded corners? At present, I have only seen rectangular cuts. I wonder if it is possible to achieve a transparent .png cut with rounded corners.

ringa_lee 2017-06-08 11:03:09 0  2  828

How to overlay an image with text with rounded background

I need to replicate in HTML what you see in this image: The problem is that the text is covering the div and the background image. If there was no image in the outer div and no solid color, I can imagine I could do this fairly easily with some small html elements with rounded corners placed in the r...

P粉328911308 2023-08-30 15:20:14 0  1  505

How to create a box with angled and rounded corners on one side via CSS?

I currently find myself needing to make something like this. My first thought was to use clip-path, but the rounded corners are difficult to pull off, and it's difficult to maintain 22.5 degrees when the button changes width due to its content. So I ended up making each button as two divs, with one ...

P粉068174996 2023-08-25 19:46:29 0  1  546

javascript - Use hotcss to replace the circle with rem. Is it round?

` {Code...} ` I used hotcss px for calculation and replaced it with rem. The effect is as shown in the figure. The circle does not look round and the circle inside is not centered. Please give me an answer.

仅有的幸福 2017-05-16 13:23:19 0  1  497

How to add rounded corners to an image using the Elementor editor

This drives me crazy. I have an image in a textbox on a simple Elementor page. It sits nicely inside the "Text Editor Widget" and I want to add rounded corners to it. I created a CSS class in "Site Settings/Custom CSS" and then assigned the image to that class in the image editor...

P粉821231319 2023-08-15 19:14:43 0  1  605

How to realize the positional relationship between points and circles in JavaScript

How to realize the positional relationship between JavaScript point and circle. How to realize the positional relationship between JavaScript point and circle. How to realize the positional relationship between JavaScript point and circle. How to realize the positional relationship between JavaScrip...

ゞ歡ゞ 2018-12-04 09:00:47 0  0  1392

d3 js circular animated breathing app traveling on a circular path

d3js animated breathing app I want to be able to create an animation of a circle that rotates around a path at a specific time interval, and be able to control that interval to speed up/slow down. My code currently looks like this. How to set a circle to move along a circle path - and even make the ...

P粉191610580 2023-09-14 15:46:55 0  1  611

Div with transparent semicircle cutout

I want to make a transparent cut out semicircle shape using only CSS3. The only requirement is that all elements forming the shape must be black or transparent. I can't use a black rectangle with a white circle on it because the semicircle has to be transparent and let the background show through. R...

P粉022285768 2023-10-22 17:51:09 0  2  769

Are border gradients compatible with border-radius?

I'm styling an input box with a rounded border (border-radius) and trying to add a gradient effect to the border. I can successfully create gradient and rounded borders, but not both at the same time. Either there are rounded corners but no gradient, or there is a gradient but no rounded corners. -w...

P粉824889650 2023-08-21 20:39:38 0  2  509

Pi display problem

Could you please tell me where is the error in the code? dw keeps showing the second and third errors. <?phpecho' 3 ways to write pi: <p>';echo'The first one: pi()='.pi().'<p>';echo'The second one: 3.14159265359='.3.14159265359. '';echo' third type: 31415

大帅 2019-02-18 21:47:17 0  1  1121

Create a circular SVG temperature dragger in Angular?

Here is a static demonstration of a circular thumb dragger I'm trying to create in Angular. It uses the rinkle-dashoffset="-260" setting to position the thumb/dragger near the end of the circular path behind the thumb, and you can see that the -260 negative offset works as expected. <bo...

P粉135799949 2024-04-03 09:33:29 0  1  644

javascript - How to get the content in parentheses using regular expressions in js?

var str="deleteChild(236737)"; For example, get the number 236737 in parentheses and don't need anything else. How to write regular js. js arrays are too troublesome. Because the number in the parentheses will change.

滿天的星座 2017-05-19 10:40:53 0  6  717

A method to dynamically render circular sectors without using HTML5 canvas

I'm making a fortune wheel and I need to create a wheel or circle based on the number of sectors and fill it with prize names. I've completed the code for a circle with a fixed number of sectors. Here is an example of a circle containing 6 sectors. .wheel_container{position:relative;--wheel-size:360...

P粉731861241 2023-09-02 10:43:07 0  1  556

javascript - echart2.0 pie chart cannot be adaptive? ? ?

Multiple icons can be adaptive on a web page. Other icons can be adaptive, but the pie chart cannot be adaptive. And how can the text in the icon be adaptive?

phpcn_u1582 2017-05-17 10:06:26 0  1  506

The rewritten title is: CSS 3 shapes: "Reverse Circle" or "Cut Circle"

I want to create a shape that I would describe as an "inverse circle": the image is somewhat inaccurate because the black line should continue along the outer border of the div element. Here's the demo I have currently: http://jsfiddle.net/n9fTF/ Is it possible using CSS without images?

P粉979586159 2023-08-24 18:26:55 0  2  451

android - background rounded corners, covered

(www.sf.gg) is China's leading developer technology community. We hope to provide a pure, high-quality technical exchange platform for programming enthusiasts, learn, communicate and grow with developers, and create an era for developers!

曾经蜡笔没有小新 2017-05-16 13:35:05 0  2  606

Can I use border radius with border images with gradients?

I'm designing an input field with a circular border (border radius) and trying to add a gradient to said border. I can successfully make gradients and circular borders, but neither work together. It's either rounded corners without a gradient, or a border with a gradient but no rounded corners. -web...

P粉633733146 2023-08-29 12:52:01 0  2  564

How to put text into donut chart using react-chartjs-2.js?

How to put text into a donut chart using react-chartjs-2.js and Typescript when the chart's title is at the top and the label is on the right side of the donut chart. The solutions I've found so far don't seem to work with side tags or React/TS. This is what I have now: ...setOptions({responsive:tru...

P粉378264633 2024-03-30 15:14:29 0  1  527