在SVG中裁剪图像

文章/答案/技术大牛

发布

3回答

如何删除不与特定矩形相交的所有SVG元素？

svg

我有一个SVG图像，我想从其中提取几个矩形区域作为独立的SVG图像。由于原始图像相当大，但与感兴趣区域相交的元素很小，所以我不希望完全位于裁剪的viewBox之外的元素保留在裁剪的SVG图像中。从概念上讲，我要找的是：裁剪的SVG (是的，输出必须是SVG，而不是位图)不应该包含螺旋或恒星的元素，因为它们完全不属于感兴趣的区域。(是的，非相交元素确实必

浏览 7提问于2014-01-16得票数 2

1回答

如何在Python中裁剪SVG图像？

python、svg、python-imaging-library、pycairo

通过一个程序，我生成了一个尺寸为400px x 400px的SVG图像。但是，我想根据一个变量裁剪此SVG图像的底部，该变量指示图像底部的多少应以像素为单位进行裁剪。这个SVG图像是用surface = cairo.SVGSurface("output.svg", WIDTH, HEIGHT)和ctx = cairo.Context(surface)用pyCairo我可以使用Pillow Imag

浏览 4提问于2020-07-10得票数 1

1回答

我们可以使用fabric js更改画布的形状吗？

canvas、fabricjs

我想在衬衫里面添加对象，默认情况下画布是方形的，我如何制作这种类型的画布？我试过使用css，它只改变形状，但画布的功能仍然像正方形一样。

浏览 0提问于2021-03-26得票数 0

1回答

PDF裁剪框与用PDF页面创建的SVG之间的差异

pdf、svg、xpdf

我试图将PDF页面的背景图像提取到SVG (使用xpdf库)。我面临的问题是，PDF包含额外的图像/图形(大概在cropbox之外)，这些图像/图形不是由PDF阅读器呈现的，但是相应的SVG包含这些图像/图形。我尝试将SVG的viewBox属性设置为与该cropBox页面的cropBox边界相对应，但生成的SVG仍然显示了一些未由cropBox呈现的图形对象。我还尝试向SVG添加一个剪辑

浏览 1提问于2013-08-26得票数 1

回答已采纳

2回答

背景图像重复前后的空格

css

我正在使用background-repeat:repeat-x;水平重复背景图像，但我注意到在前一张图像之后和下一张图像之前有一个空白区域。用户可能必须使浏览器窗口变宽才能看到风景背景图像的重复。

浏览 0提问于2013-04-29得票数 1

回答已采纳

1回答

在firefox中使用许多外部svg剪辑路径

html、css、svg、clip-path

问题所在<svg xmlns="http://www.w3.org/2000/svg" height="0" width="0"> <d

浏览 16提问于2017-01-27得票数 1

回答已采纳

3回答

使用“背景大小:封面”的CSS背景不适合完整的高度。

svg、css

我正在制作一个只显示SVG图像的页面，下面是要求：这里的窗口接近原始图像的高宽比。在这里，窗口比高宽比“短”，图像正在裁剪(如所需)。在这里，窗口比高宽比“窄”，但是<e

浏览 3提问于2013-07-18得票数 26

回答已采纳

1回答

html、css、image、svg

背景图像不知何故显示的比实际的圆圈小得多。

浏览 13提问于2020-12-13得票数 0

4回答

React SVG未显示

javascript、reactjs、svg

我在react应用程序中显示SVG时遇到问题。代码如下： <use xlinkHref="#svg-arrow" />.user-quickview.svg-arrow { position: a

浏览 14提问于2017-04-25得票数 7

2回答

如何裁剪svg中的白色部分？

php、jquery、html、svg

我有一个脚本，它在SVG文件的中心生成SVG图像文件和其他内容。在这些图像周围-白色背景。如何裁剪背景？SVG中的图像大小可以不同。

浏览 25提问于2015-04-10得票数 3

1回答

如何避免在调整窗口大小时裁剪SVG

css、svg

有没有办法让未在windows上裁剪的图像的SVG版本调整大小？不幸的是，只要有可能，我就尽量避免使用JS，而更喜欢带有CSS的更简单的SVG文件。但这不是我需要的。我需要图像的两种状态:彩色和灰度，就像这里讨论的那样，如果可能的话，只想让SVG</em

浏览 2提问于2012-06-20得票数 0

回答已采纳

2回答

有没有任何方法可以使用svg* (img)来裁剪图像？*

css、image、svg

据我所知(通过阅读之前发布的关于堆栈溢出的问题)，使用svg裁剪图像是可能的，但是可以使用svg链接裁剪图像吗？例如：<img src="http://imgh.us/face01.svg"> 谢谢!

浏览 1提问于2014-11-14得票数 1

回答已采纳

1回答

是否有一种方法可以访问剪裁后的svg映像，以保存回使用react本机的设备中？

typescript、react-native、react-native-svg

我有一个静态图像，我裁剪一个圆圈，现在我想保存这个修改的图像在我的设备的画廊，有人知道如何做吗？我正在使用TypeScript。裁剪图像： import React from "react";import Svg, { Circle, ClipPath, Defs, Image } from "react-native-svg</em

浏览 18提问于2021-12-08得票数 1

2回答

SVG -具有不同行为的多个图像

html、css、svg

我正试图构建一个图形，下面是这样的想法：问题是，我不知道如何指定要更改宽度属性的图像 <svg<rect x="0" y="0" width="100%" height="100%"/>

浏览 2提问于2015-06-11得票数 1

回答已采纳

2回答

SVG到CDR转换器

php、svg、converter、cdr

我有一个SVG文件，其中包含旋转的、半透明的、裁剪的(裁剪路径)元素(例如多边形、图像)。这个文件在Inkscape中工作得很好，但为了进一步的图像处理，我也想在CorelDraw中使用它。但是在CorelDraw中打开，结果是一团糟(实际上是X6，但早期版本几乎做了同样的事情)。有没有一种方法可以将SVG转换为原生CDR或任何其他兼容CorelDraw的矢量格式？SVG位于Ubuntu LAMP

浏览 8提问于2013-11-27得票数 10

3回答

使用SVG* for Wordpress徽标*

php、css、wordpress、svg、genesis

我正尝试在Wordpress中使用SVG文件作为站点的徽标，正如您从下面的代码中看到的那样，我已经在.svg文件中尝试了这一调用。for custom header 'header_image' => '/images/tgoc.svgheader-text' => false, &

浏览 1提问于2014-08-13得票数 4

1回答

反射后的SVG图像剪切蒙版

svg

我目前正在生成以下svg：<!clipPath id="myMirrorClipper"></clipPath>我认为这可能与剪辑路径和图像的转换如何交互有关

浏览 4提问于2012-12-31得票数 1

回答已采纳

1回答

SVG和Spritesheets

image、svg、sprite-sheet

我有一个复古风格的spritesheet，但是我想使用SVG来应用一些效果，比如阴影、轮廓和其他东西。不要质疑它。是否可以选择要在SVG中使用的图像区域？SVG图像元素似乎没有提供这样的选项。

浏览 0提问于2012-02-23得票数 2

回答已采纳

2回答

HTML <div>上的自定义裁剪路径

javascript、jquery、css、svg、mask

在对SVG进行了不成功的实验之后，我希望使用另一种技术将剪辑路径(自定义多边形，如箭头)应用于<div>，女巫在<div>中有一些其他的HTML元素。

浏览 2提问于2012-06-20得票数 0

2回答

SVG:用孔填充图案

svg

在SVG中，我想使用填充模式，但在绘制其他形状的模式中留下“洞”，比如这个 (它不是用SVG绘制的)。我认为我应该使用裁剪和/或掩蔽，但我不知道如何使用。整个SVG将叠加在需要通过“孔”(以及通过背景图案)可见的图像上。所以我不能通过用纯色填充空洞来模糊图像。

浏览 2提问于2012-06-12得票数 1

回答已采纳

点击加载更多

如何删除不与特定矩形相交的所有SVG元素？

如何在Python中裁剪SVG图像？

我们可以使用fabric js更改画布的形状吗？

PDF裁剪框与用PDF页面创建的SVG之间的差异

背景图像重复前后的空格

在firefox中使用许多外部svg剪辑路径

使用“背景大小:封面”的CSS背景不适合完整的高度。