sách gpt4 ăn đã đi

html - 如何在 HTML/CSS 中裁剪 SVG 文件

In lại 作者:技术小花猫 更新时间:2023-10-29 12:09:23 25 4
mua khóa gpt4 giày nike

我有以下 HTML 文件 (mypage.html)。 SVG tài liệu作为图像附加到其中。















它生成的页面如下所示:

nhập mô tả hình ảnh ở đây

请注意圆圈周围有一大片空白。我如何在 html 或 CSS 中裁剪它?

câu trả lời hay nhất

裁剪

您可以通过使用负边距并固定父元素的大小来裁剪图像:

CSS Display an Image Resized and Cropped

但这是一个 SVG!

不仅可以在html中直接显示一个svg:



但要裁剪/调整大小,您只需更改 标签上的 viewBox 属性即可:

viewBox="0 0 100 100" 

将显示 0 到 100 单位 x 和 y 范围内的任何内容

viewBox="-100 -100 100 100" 

将显示从 -100 到 100 单位的 x 和 y 的任何值

viewBox="50 50 500 500" 

将显示 50 到 500 单位 x 和 y 的任何内容

关于html - 如何在 HTML/CSS 中裁剪 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37588405/

25 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress