如何编辑svg图像中的文本
编辑SVG图像中的文本可以通过以下步骤完成：
- 打开SVG编辑器：选择一个适合的SVG编辑器，例如Adobe Illustrator、Inkscape或Sketch等。
- 导入SVG图像：在编辑器中打开或导入要编辑的SVG图像文件。
- 定位文本元素：在SVG图像中找到包含要编辑的文本的元素。通常，文本元素使用
<text>标签或<tspan>标签表示。 - 编辑文本内容：选中文本元素后，可以直接在编辑器中编辑文本内容。你可以更改文本的字体、大小、颜色、对齐方式等。
- 调整文本位置：如果需要调整文本的位置，可以拖动文本元素或使用编辑器提供的位置调整工具。
- 添加效果和样式：你可以为文本添加各种效果和样式，例如阴影、描边、填充等。编辑器通常提供了相应的工具和选项。
- 保存编辑结果：完成编辑后，保存SVG图像文件。确保选择适当的文件格式和选项，以便在需要时能够正确显示和使用编辑后的文本。
编辑SVG图像中的文本是一项常见的任务，适用于许多场景，例如设计师、开发人员、图形编辑等。腾讯云提供了一系列与图像处理相关的产品和服务，其中包括云图像处理（Cloud Image Processing）和云智能图像处理（Cloud Smart Image Processing）等。这些产品可以帮助用户处理和优化图像，包括编辑SVG图像中的文本。你可以通过腾讯云官方网站了解更多关于这些产品的详细信息和使用方法。
参考链接：
相关·内容
1回答
从web打印SVG
、、、、
我正在开发一个在线餐厅菜单编辑器。模板是SVG，以菜单的jpeg图像作为背景。用户能够编辑放置在模板图像之上的SVG文本元素的文本。
我能够从这个SVG创建一个PDF，让用户看到，只是很好。现在，我想将低分辨率的背景图像从SVG中删除，并将剩余的文本放入高分辨率打印中，准备好打印pdf。问题是文本没有出现在打印就绪文件中的正确位置。它的大小也不一样。
我正在使用ColdFusion CFPdf标签来放置使用水印功能的文本。我测试过了，它工作得很好。这只是大小和坐标的问题。我知道这是因为这个解决方案，但是我如何让它工作呢？甚至可能有更好的方法，我不知道。
浏览 2提问于2016-11-03得票数 0
我试图在JS中编辑一个SVG文件，我已经开发了一个这样做的方法。我正在为如何更改上述文件中的图像( jpeg )而苦苦挣扎。在我做任何编辑之前的SVG中，它包含了一个巨大的字符串，这些字母被翻译成了图像。
这是其中的一部分。
CQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSEx BhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElK U1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYa
如果在文本编辑器中打开jpeg文件，也会得到一串看
浏览 2提问于2016-03-15得票数 2
回答已采纳
1回答
我正在渲染一个SVG图像，使用
<img src="data:image/svg+xml;charset=utf-8;base64," + src />
其中src是Base64编码的SVG图像。图片中的所有内容都可以正确显示，除了字段中的文本根本不显示。此问题存在于Chrome中，但不存在于Internet Explorer中。对如何解决这个问题有什么想法吗？
如果我右击显示的图片，下载它并在Linux的Image Viewer中查看它，文本再次完美地显示出来。
编辑: SVG图像示例：
<svg width="700" height=
浏览 3提问于2013-08-21得票数 2
我目前正在处理一个svg图像，如果这有意义的话，我需要帮助进行字符串注册。基本上，如何使图像在文本/代码编辑器中仅作为变量打开？
下面是我正在寻找的一个示例：
var svgData='PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2ZXJzaW9uPSIxLjEiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ic3Ryb2tl
目前，当在文本编辑器中打开svg图像时，我得到的结果如下所示。
<?xml version="
浏览 2提问于2018-01-31得票数 0
我们正在使用一个FabricJS编辑器，并将SVG模板加载到其中。我们也在编辑一些文本，改变对象的位置，并保存为SVG。这里一切都很好。
但是现在我们需要在一个SVG中加载非常大的图像。SVG中的每个图像都将是高分辨率的，因为这是用于印刷行业。这里我们无法加载SVG，因为嵌入的图像非常大。
我们想到了一个解决方案，在加载到编辑器之前重新调整这些图像的大小，并在编辑之后将原始图像作为输出返回。但是，当我们调整大小时，这也不起作用，因为我们在SVG中面临一些对象定位的问题
有人能提出一个解决这个问题的方法吗？
浏览 2提问于2014-07-17得票数 0
2回答
我需要能够编辑已在Adobe Illustrator中渲染的SVG文件的文本和图像。
如何遍历SVG文件的元素、检查type = text、更改值以及将文件保存到磁盘？有没有可以帮助我的图书馆？
到目前为止，我已经尝试过，但它不能很好地处理复杂的SVG结构。
浏览 2提问于2012-09-17得票数 1
在我的页面内容中，我有以下内容：
✔ Fully qualified and insured technicians, with over a decade of experience
在前端，WordPress将✔更改为：
我不能改变这个SVG图像的颜色，它是黑色的，我们需要它白色。
如何防止表情转换为SVG？
编辑
我找到了这个答案，上面写着：
add_filter( 'emoji_svg_url', '__return_false' );
所做的就是打破图像，但以正确的格式显示alt文本：
📷
同样的守则仍然是：
浏览 0提问于2021-03-04得票数 1
回答已采纳
我正在使用一个图表库，它在页面上放置一个SVG图像。我可以在Javascript中得到Path元素。
我需要能够画出以路径定义的区域为中心的文本。
这里有一个Raphael.js库，它简化了SVG中的文本绘制，但我不知道如何在页面加载后使用它来编辑HTML中的现有SVG。我该怎么做？我不介意我是否必须使用Raphael.js或其他依赖项。
浏览 3提问于2017-11-02得票数 2
回答已采纳
我在试着从图像中提取文本。目前，我得到的是空字符串作为输出。下面是我的pytesseract代码，尽管我也对Keras开放：-
from PIL import Image
import pytesseract
path = 'captcha.svg.png'
img = Image.open(path)
captchaText = pytesseract.image_to_string(img, lang='eng', config='--psm 6')
我不知道如何处理svg映像，所以我将它们转换为png。以下是一些样本图片：-
浏览 5提问于2021-05-18得票数 1
回答已采纳
2回答
我在一个页面上有三个SVG图像。一种是“图像编辑器”，你可以在其中输入一些文本、图标、拖动和缩放等等。
另外两个SVG通过use元素使用顶部SVG中的内容，并显示最终结果的预览。
当我在编辑器中编辑某些内容时，两个预览会自动更新。太完美了。但我不想在底部的两个预览SVG中显示边界框、变换工具、向导等。
有没有办法样式化(CSS)或操纵(JS)那些SVG的DOM而不显示这些额外的元素？
浏览 4提问于2015-10-07得票数 2
我们在Photoshop中导出了一个.eps文件到SVG通过导出为...生成的SVG代码(在文本编辑器中打开时)为： 我们正在尝试改变svg的颜色，通过 但不走运。我知道当你有一个路径时，你可以通过CSS填充来改变路径，但是我们不知道如何通过PS以正确的格式导出它，或者如何通过CSS设置这个svg >图像输出的样式。 我们还尝试通过以下方式插入svg ? 造型也不走运。非常感谢任何建议/帮助/指导！
浏览 87提问于2021-03-02得票数 1
回答已采纳
1回答
我正在为一个需要能够编辑非常基本的文件的项目实现一个自定义版本的SVG。要求这些SVG文件中的文本是可编辑的，而不是图像。
因此，其中一个文件的常见示例是在顶部有一个文本元素，在其下方有一个图像元素。有没有什么属性可以添加到image元素，从而可以在javascript编辑器本身上进行任何配置，以防止用户更改image元素？
(显然，我可以在不使用SVG-edit的情况下实现这一点。即。简单地为用户输入创建一个文本，并用它的值替换TextBox上的文本元素，但这很难看。)
非常感谢您的帮助..
浏览 1提问于2012-09-26得票数 1
回答已采纳
我在页面上有一个svg元素，它可以编辑，但是为此我需要选择它(见带有文本的屏幕截图示例)，就像页面上的通常文本或图像一样。无法使用svg元素完成，也无法找到如何实现它的任何信息。
<!DOCTYPE html>
<html>
<body>
<div style="height:100px;width:100px;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<circle cx=&#
浏览 1提问于2018-11-09得票数 0
回答已采纳
1回答
在Ubuntu上，我遇到了用Firefox渲染SVG图像的错误。你可以在附图上看到字母J下面有一条小小的黑线。这个工件只发生在特定的缩放级别上。图像是用<img>标记添加的，所以它不是背景。图像是用Inkscape创建的。它在Chrome上正确地呈现，我没有在其他操作系统上尝试。
有办法解决这个保持SVG吗？
编辑:因为这只会影响边框上的图像，所以我找到了一个解决办法，在文本编辑器中打开SVG，并增加几个像素的高度和宽度，这意味着在文本周围留下一点透明的填充。
不过，我仍然很好奇这是否是firefox的bug。
浏览 2提问于2014-05-04得票数 0
回答已采纳
在SVG中创建带有"title“属性的弹出非常容易。但是，如何使用CSS实现同样的效果。
这是我为维基媒体做的一个例子，我努力在嵌入样式表中找到其他维基的人想要修正的东西，风格属性按真实的主题分组。维基百科的大多数编辑都是电脑文盲，你不能指望他们通过大量的代码来进行修改，如果他们只需要改变代码中简单的CSS值，那么你可能会从中弄得一团糟。如果我让他们的大脑变得很困难，那么迟早会有人通过使用Inkscape、Illustrator或其他同样可怕的向量编辑器来使文件无法维护。
我可以使用Javascript，但这会降低插图的可访问性，并使需要编辑它的人更加混淆代码。此外，一些使用Javas
浏览 2提问于2011-07-28得票数 11
1回答
这其实是两个相关的问题。我想从一个记事本上创建一个页面的图像，其中包含一些SVG中的可变文本。
SVG是否提供了任何本地文本包装功能，或者我是否需要计算单词的水平宽度，并自己打破文本的线条？我该怎么做？
SVG是否提供任何本机方式自动包装文本周围的容器？还是需要计算文本块的垂直高度并自行设置容器的高度？我该怎么做？
编辑：(如果相关的话)，我将在C#中构造SVG字符串。
浏览 2提问于2012-01-06得票数 2
回答已采纳
1回答
我正在构建一个使用SVG元素作为画布的编辑器。它提供了自定义的拖放行为，可以在svg中到处拖动元素。但是，当我尝试拖动<image>标记时，本机浏览器的拖动行为开始起作用，此时您正在拖动图像的“重影”。我怎么才能阻止它？ 我尝试在CSS中设置user-select: none，这确实会阻止选择文本而不是拖动图像。我尝试设置HTML属性，但该属性在draggable="false"中无效。我甚至尝试取消ondragstart事件，该事件似乎根本不会触发。 <svg>
<image draggable="false" styl
浏览 62提问于2021-09-14得票数 0
回答已采纳
这是我的密码：
<svg class="navbar-brand" src="/Images/logo.svg" alt="Apps Architect"></svg>
我尝试过将svg更改为img或embed。使用img，图像不是呈现，而是交替的文本显示。与嵌入图像不显示，交替文本也不显示。所以我改变了：
Xlink:href=“数据:img/png；base64，64，
至：
Xlink:href=“数据:图像/png；base64，64
我添加了div <div><img class
浏览 0提问于2019-05-03得票数 0
导入外部SVG图像时，Inkscape提供三个选项：
将SVG图像作为可编辑对象包括在当前文件中将SVG文件嵌入到图像标记中(在本文档中不可编辑)将SVG文件链接到图像标记中(在本文档中不可编辑)
首先，为了方便起见，我以第三种方式(链接SVG文件)将SVG图像(图像A)导入到主SVG图像B中，这样在编辑图像A时，主图像B就会发生相应的变化。然而，在后期的出版过程中，我发现我需要确保主图像B中的每个部分都必须是可编辑的，包括图像A中的那些部分。
如果我以上述第一种方式导入图像A(包括SVG映像)，这将是可能的。我已经对主图像B中的链接图像A进行了一些转换，所以我不想再做一次了。是否有一种方法只
浏览 7提问于2021-08-21得票数 1
3回答
我有一个应用程序，可以输出包含文本和图像的SVG文件。SVG文件中的文本元素具有自定义字体。
我需要PDF文件来显示这些文本元素与SVG上的完全一样。我试着用TCPDF来做这件事。SVG到PDF的转换成功，但当我尝试将PDF转换为JPG或PNG时，文本不显示。我正在使用Imagick将PDF转换为JPG。
有人知道如何在JPG图像中包含文本吗？
浏览 7提问于2013-03-19得票数 0
1回答
是否有这样的代码，它生成一个简单的圆圈，并在编织成HTML时生成生成的图像？
<svg height="100" width="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="#757575" /></svg>
为了参考为什么我有代码而不是图像，这个SVG是从JSON blobs中提取出来的文本。如果我将它保存到一个具有.svg
浏览 4提问于2022-05-20得票数 0
回答已采纳
1回答
用java编辑svg或psd
、、、、
我有一个图像(psd或svg文件)，我想使用它作为模板。因为我将多次使用它，我唯一想要编辑的是每次两个文本层。我能做一个java程序吗?它可以以语法的方式编辑这些层，因为用户将输入他希望它们放在图像的两个层中的两个文本？
浏览 1提问于2014-03-04得票数 2
回答已采纳
1回答
在eclipse编辑器中，我将图表导出为SVG，但它在Visio中是不可编辑的。如何创建在MS中完全可编辑的SVG文件格式。在Java中有什么方法可以将SVG图像转换成可见的可编辑映像？？
浏览 0提问于2018-07-06得票数 1
回答已采纳
2回答
我有一个不错的背景SVG图像从inkscape，这标志着从一个文本部分到下一个。我希望这个背景图像能向上或向下缩放到文本部分的全部宽度。由于响应性的原因，该大小取决于浏览器的宽度。然而，我希望背景图像有一个固定的高度为20 of。
不起作用的是：
background-size: cover;不适用于我，因为它会切断右边的图像，而不是缩小它，好的。
background-size: contain不适用于我，因为它总是在x和y方向同时缩小图像。因此，图像总是保持原来的x-y比，好的。
将cover和contain结合起来是不可能的，因为语法上的原因，好的。
background
浏览 1提问于2018-08-17得票数 7
回答已采纳
场景:希望在特定城市的地图上提供丰富的图形图表。因为我找不到那个城市的官方svg版本地图，所以我决定自己试试。
我得到了城市的官方pdf地图，并使用inkscape将其转换为svg。我希望能在地区一级操纵地图。使用inkscape，我可以将区域的边界进一步划分为我想要工作的分区。然后，我会想操纵或工作在这些分区。
地区级别是路径(在inkscape术语中)。
( a)在Inkscape中，在按路径选择编辑节点之后，如何进一步分割各个区域(区域)，使它们以路径的形式出现。我没能完成这次分手。
( b)给定svg，我将其导入到html中。如何为该映射的特定部分操作svg域(例如，单击a中
浏览 6提问于2013-10-19得票数 4
回答已采纳
使用Chrome作为我的目标浏览器，我要在网页上添加一个手工编辑的SVG图像。SVG图像不会渲染，Chrome会在其位置显示一个“破碎图像”图标。
我怀疑问题是我手工编辑的SVG中的某个地方有一个拼写错误，但是没有任何进一步的信息，我不确定如何查找这个错误。某种类型的错误消息将非常有用。如何查看阻止Chrome渲染SVG的错误？
浏览 3提问于2017-09-01得票数 0
图像中包含一些文本。在悬停时，svg会改变背景颜色，除非悬停在其内的文本上。
当悬停在文本上时，我如何使svg-背景变化？
<svg class="svg">
<polygon class="polygon" points="100,10 40,198 190,78 10,78 160,198">
</polygon>
<text class="number" x="85" y="115">456</text>
&l
浏览 4提问于2016-08-01得票数 1
回答已采纳
1回答
我将SVG图像嵌入到<object>标签中：
<object type="image/svg+xml" data="images/quatrefoil.svg" width="100%"
height="100%" class="svg-content"></object>
我尝试在<object>标记内放置一个段落<p class="arvo">，但文本不显示。我应该如何写，这样段落文本才能在SVG对象的顶部显示？
浏览 0提问于2015-10-29得票数 0
我想通过CSS添加一个SVG，而不对HTML进行任何更改。
博士：图像应该像文字一样。
图像应该始终具有它添加到的元素的高度(或者更好的是文本内容)，并根据其高宽比来确定其宽度。元素的高度/字体大小/字体系列没有固定(没有指定height，即auto；font-size是在em单元中指定的，不能依赖于特定的默认浏览器字体大小；它不应该依赖于特定字体的特征)。
图像应该添加到标题的左边(在标题的框内视觉化)，在图像和标题内容之间应该始终有一个0.5em的间隔。
理想情况下，无论在SVG文件中指定了什么，它都能工作(即width/height对其svg元素)，但我可以编辑SVG。
，这有可能吗？
浏览 2提问于2015-02-22得票数 1
我有一个svg与出站链接到一个ttf字体和一个图像，我试图正确渲染使用幻影2.1。以下是我观察到的：
当我只使用字体链接时，文本呈现并具有预期的字体。(当然，图像不会出现。)
当我只使用图像链接，而不使用字体链接时，图像和文本呈现，但文本有默认字体。
当我同时使用图像链接和字体链接时，图像呈现，但文本消失。
当我在Chrome中使用图像链接和字体链接呈现svg时，文本显示出预期的字体，图像呈现得很好。
额外信息：
当我用幻影呈现svg时，在呈现之前，我会将链接转换为本地文件链接('file://‘+ path)。
文本字体在css中作为src属性列出。
浏览 3提问于2016-06-24得票数 0
回答已采纳
SVG规范描述了可用于提供多语言内容systemLanguage属性() (例如，当放入为不同语言提供大小写的switch中时)。
但是systemLanguage到底是什么意思呢？这是浏览器的语言吗？操作系统的语言是什么？键盘布局语言？PHP的$_SERVER[’HTTP_ACCEPT_LANGUAGE’]包含的东西？SVG文件本身的参数(如foo.svg?en-US)？我可以/应该/可以更改什么“东西”来实际触发具有匹配systemLanguage属性的元素？
背景:我要设计一个有语言切换器的网站。该网站将包含SVG图像。SVG图像将包含文本。这就是为什么我想知道systemLanguag
浏览 3提问于2015-07-01得票数 3
3回答
我有几行SVG文本需要绘制到画布上。我将SVG对象转换为SVG数据URI，将其应用于图像源，然后将该图像绘制到画布上，但由于某种原因，它在一定的宽度和高度之后对文本进行了裁剪。
我知道问题不在于画布大小，因为我也会先在画布上绘制其他图像(它们比文本要宽得多、高得多)，没有任何问题。另一件奇怪的事情是，如果我把图像附加到身体上，它会完美地显现出来。
var imageText = new Image();
imageText.src = "data:image/svg+xml;base64," + btoa($("#text_container").html())
浏览 4提问于2012-12-08得票数 3
2回答
如何使用Go将svg文件转换为图像？
我发现了令人惊叹的svgo库，并想用它来生成一套自定义的扑克牌。其思想是将卡片的文本和布局存储在文本文件中，然后使用go读取和处理它。这将是我目前工作流程的一个巨大改进，我使用gimp来编辑每一张卡片。问题是我需要一张卡片的图像来打印。优选地，png，因为到目前为止打印脚本仅适用于该格式。但我也可以很容易地将其修改为接受jpeg。
不幸的是，svgo似乎不提供导出功能。你能推荐一个go库来将svg转换成png吗？
浏览 2提问于2013-06-14得票数 1
回答已采纳
1回答
我正在使用Inkscape将我的PDF转换为SVG文件，我想在SVG中使用xml格式更改文本内容。然而，更改后的文本字体似乎有很大的不同，对齐方式与原始位置完全不同。
那么，如何使用SVG编辑文本内容呢？有没有其他工具可以通过将PDF转换为SVG并编辑文本内容来完成？
浏览 2提问于2017-11-06得票数 0
我正在使用svg编辑工具，希望在将图像(jpg或png)加载到编辑器之前将其转换为svg。
加载SVG文件是可能的，但其他文件类型无法加载，因此我认为图像必须在加载之前进行转换。
如何在Java (或javascript、jquery)中将jpg转换为SVG？
浏览 5提问于2015-09-03得票数 0
我在ArrayList中有一个svg图像。如何使用java轻松地将其传输到其他程序？
我知道如何将文本复制到剪贴板上，尽管这并不能使它作为.svg图像粘贴到inkscape中。
我尝试从svg映像创建一个文件，这很有效，因为然后我可以进入文件浏览器并从那里复制图像。这是次优的想法。
有什么方法可以把它作为svg图像的剪贴板吗？
克里斯托
浏览 2提问于2015-11-15得票数 1
回答已采纳
1回答
我不知道发生了什么，我创造了一个svg图像插画，保存它，张贴到我的wordpress网站，一切都很好。
(在上的文本框下显示)
我调整了屏幕的大小，图像消失了，现在不管我做什么，它都不会显示。
此外，问题似乎仅限于Chrome，我尝试过创建多个其他svg图像，它们都不会在chrome上显示，而所有这些图像都可以在其他浏览器上显示。
我还向我的htaccess添加了代码，但仍然没有结果。我知道这是行不通的，因为我以前在我的wordpress网站上贴了svg，没有问题.
我的插画设置如下：
svg简介: svg 1.1
字体类型:转换为大纲
图像定位:嵌入
高级选项- css属性:
浏览 3提问于2016-10-02得票数 2
当使用以下代码将SVG转换为PNG文件时，文本看起来很糟糕。图像没有缩放，所以我不知道为什么文本质量这么差。
此外，尽管很难看到，但PNG中的文本似乎是某种衬线字体，而SVG中的文本是无衬线字体。
编辑:我刚刚注意到特殊字符似乎在单词"Kreuzworträtsel“中被弄乱了。
我能做些什么来解决这些问题？
$image = new Imagick();
$image->setResolution(288, 288);
$image->readImageBlob($svg);
$image->setImageformat('png24');
h
浏览 6提问于2015-07-21得票数 3
13回答
我在HTML页面中有一个SVG对象，并将其包装在一个锚点中，因此当单击svg图像时，它会将用户带到锚点链接。
<a href="http://www.google.com/">
<object data="mysvg.svg" type="image/svg+xml">
<span>Your browser doesn't support SVG images</span>
</object>
</a>
当我使用这个代码块时，单击svg
浏览 7提问于2012-07-07得票数 160
回答已采纳
我想让lambda函数构建一个SVG图像，然后在命中API时返回该图像。 我的问题是，如何返回图像，以便如果用户访问"mywebsite.com/ image /1“，它不会返回SVG的文本，而是加载图像，就像他们直接访问图像一样？ 是否返回包含源为SVG的<img/>的超文本标记语言？ 或者，您是否会对SVG进行base64编码，并使用适当的内容类型返回它？ 此外，它还需要能够通过服务器读取，以便其他页面可以访问API并能够保存图像。
浏览 7提问于2021-02-06得票数 0
我正在开发一个react原生应用程序。我的项目中有一堆本地的SVG文件。我想使用我的自定义组件来渲染文本和SVG图像。 下面是我的自定义组件，用于呈现静态SVG文件的Text和Image： import React from 'react';
import {View, Text, Image, StyleSheet} from 'react-native';
export default MyComponent = ({svgFile, text}) => {
return (<View style={styles.line}>
浏览 146提问于2020-07-25得票数 0
我在Node.JS中使用 NPM库，并尝试在画布中添加文本。我发现需要使用.overlayWith()，以及另一个可以将文本转换为SVG的库。建议使用或，但这两种方法和都会返回一个SVG。夏普的.overlayWith()函数需要一个图像缓冲区。如何将这些库返回的SVG转换为Sharp的图像缓冲区？
浏览 78提问于2018-06-03得票数 1
回答已采纳
1回答
我对有任何形状的画布感兴趣的原因是，这样就可以用Bezier曲线裁剪图像，并使网页文本在画布形状周围流动，即裁剪图像。
我们需要的是有一个自由形式的div，SVG和HTML5画布的可能性。(适用于SVG，我知道这相当于Flash符号。)然后，您可以想象将一个框模型(填充、边框和边距)应用于形状，但它不会是一个框(它将与形状平行)！
我想，也有可能让文本包装在形状中，就像在形状周围流动的文本一样。
我读到了一篇有趣的博客文章，内容是“用CSS形状创建非矩形布局”：。
但它不包括文本包装在一个形状内。
然后，还有一个用于括号的CSS形状编辑器(代码编辑器)：
浏览 0提问于2014-04-15得票数 2
回答已采纳
对于基于PHP的客户端站点，我需要一个基于向量的图像编辑器，该编辑器允许：
最终用户创建由对象组成的矢量图像
支持上传位图图像作为矢量图像中的对象。
支持将文本对象添加到矢量图像中，并更改文本对象的属性(字体名称、字体样式、字体大小)。
最好支持向量图像中对象的分层或分组。
与基于PHP的站点进行良好的集成(因此首选PHP或JavaScript库)
可以将矢量图像存储在SVG、EPS或PDF中。
商业和自由和开放源码软件解决方案都可以。
知道在哪里能找到这样的图书馆吗？
-耶伦
浏览 1提问于2011-01-08得票数 0
回答已采纳
2回答
我正在内联一个具有文本元素的外部svg。我想让text元素的内容从页面镜像一个文本字段。如果用户编辑文本字段，则应更新svg中的文本元素，反之亦然。我已经使用$.bind()完成了这项工作。
用户可以选择不同的svg。原来的svg被删除，并加载一个新的svg。text元素在两个svg中，它只是一个不同的图形。
所以我真的需要$.delegate()而不是$.bind()。我该如何编写语法呢？这不起作用：
$('#svg_container').delegate('svg text', 'keyup click', function() {
});
浏览 2提问于2011-05-02得票数 1
回答已采纳
1回答
我想用Meteor将svg存储在MongoDB记录中。然而，当我像这样用火焰输出它时：
{{svgFile}}
引用...it，并显示引用的文本，而不是svg图像。我如何才能只显示它的原始内容而不是引用的文本？
浏览 0提问于2015-04-13得票数 1
回答已采纳
我有一个Rails应用程序，在这个应用程序中我使用以下命令在模型中存储图像 has_one_attached: logo 但是，当我检入AWS控制台时，我看到该文件另存为包含SVG内容的文本文件。当我尝试使用签名的URL检索图像时，它返回文本文件的内容。 我想在我的HTML中显示此图像。如何在我的应用程序中呈现这个SVG？
浏览 25提问于2020-07-28得票数 0
1回答
“本地化svg”是什么意思？
、、、、
我在读MDN上关于SVG的文章。
我找到了这样的描述：“SVG格式的矢量图像可以以任何大小呈现而不损失质量，并且可以通过更新其中的文本轻松地进行本地化，而不需要图形编辑器就可以这样做。”
浏览 3提问于2021-10-13得票数 0
回答已采纳
2回答
我的应用程序使用最多6个svg图像分层来创建交互式图像。我发现我不能在第一张图片下面的任何图片上点击鼠标。
**编辑。删除多余的代码和文本。
浏览 2提问于2012-12-12得票数 1
回答已采纳
1回答
我正在使用创建一个相当大的SVG图像文件。问题是内存的使用似乎是疯狂的，我想知道这是正常的还是我在优化部门中缺少的东西。
下面是一个表，显示每个阶段的内存增量，使用Firefox 10 about:memory页面：
阶段：
之前:在SVG-编辑加载之前
准备:SVG-编辑已加载。
加载35幅图像，总大小为16.6MB *
预览生成的文件*
封闭预览*
关闭选项卡，通过“关于:内存”页触发FF内存清理。
*我的自定义功能，不是SVG-编辑的
正如您在准备<->加载映像的增量中所看到的，内存使用量几乎增加了300 MB！加载16 MB的图像！加载
浏览 2提问于2012-03-07得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
