草庐IT

javascript - 如何使用 Javascript 访问 SVG 元素

我正在研究SVG,我希望我可以在Illustrator中创建SVG文件并使用Javascript访问元素。这是Illustrator踢出的SVG文件(它似乎还在我删除的文件开头添加了一堆垃圾)正如您可能看到的那样,每个元素都有一个ID,我希望能够使用Javascript访问各个元素,这样我就可以更改Fill属性并响应单击等事件。HTML很基础SVGIllustratorTest我想这真的是两个问题。是否可以这样做,而不是使用Raphael或jQuerySVG之类的东西。如果可以,技术是什么?更新目前,我使用Illustrator创建SVG文件,我使用的是RaphaëlJS创建路径并简单

javascript - 如何向 svg 图形添加工具提示?

我有一系列svg矩形(使用D3.js),我想在鼠标悬停时显示一条消息,消息应该被一个充当背景的框包围。它们应该彼此完美对齐,并与矩形(在顶部和居中)对齐。执行此操作的最佳方法是什么?我尝试使用“x”、“y”、“width”和“height”属性添加一个svg文本,然后添加一个svg矩形。问题是文本的引用点在中间(因为我希望它居中对齐,所以我使用了text-anchor:middle),但是对于矩形来说,它是左上角的坐标,另外我想要文本周围有一点边距,这让人有点痛苦。另一种选择是使用htmldiv,这很好,因为我可以直接添加文本和填充,但我不知道如何获取每个矩形的绝对坐标。有办法做到这一

javascript - 如何在 javascript 中换行 svg 文本?

这就是我所拥有的:Tooltip现在我很长的工具提示文本没有换行符,即使我使用alert();它告诉我文本实际上有两行。(虽然它包含一个“\”,我如何顺便删除它?)我无法让CDATA在任何地方工作。 最佳答案 这不是SVG1.1支持的东西。SVG1.2确实有textArea元素,具有自动换行功能,但并非在所有浏览器中都实现了。SVG2doesnotplanonimplementingtextArea,但它确实有auto-wrappedtext。但是,如果您已经知道换行符应该出现在哪里,您可以将文本分成多个,每个都使用x="0"和dy

svg - 将参数传递给 HandlerFunc

我正在尝试使用svgopackage在svg文件上绘制点并使用网络浏览器显示。通过查看net/http文档,我不知道如何将参数传递到我的svgWeb函数中。下面的示例在我的网络浏览器中编译并显示了一个三角形和一条线,但我真正想做的是使用Polyline方法绘制xpts和ypts。我如何传递适当的参数或重构此示例以完成该任务?packagemainimport("github.com/ajstarks/svgo""log""net/http")funcsvgWeb(whttp.ResponseWriter,req*http.Request){w.Header().Set("Content

canvas - 如何创建 svg 并将其导出为 png/jpeg

例如,我有以下代码片段packagemainimport("github.com/ajstarks/svgo""os"_"image"_"fmt")funcmain(){width:=512height:=512canvas:=svg.New(os.Stdout)canvas.Start(width,height)canvas.Image(0,0,512,512,"src.jpg","0.50")canvas.End()}我想将此代码创建的svg导出为jpeg或png或svg让我们说。我不知道该怎么做。我可以使用imagemagick或其他东西,但为此我需要SVG东西。请有人帮我解决这

python - 如何在 Linux 的窗口中显示交互式 SVG?

我真的很喜欢SVG,用它画画非常好。到目前为止,我已经使用Inkscape制作了静态图像。不过,我想让它们具有交互性。我按照thisone等教程做了一些试验.但我只能在我的网络浏览器中看到SVG并与之交互。我想在桌面上的一个窗口中做这样的事情。有像Cairo或OpenGL这样的绘图工具包,但我必须从代​​码中绘图。使用SVG(使用Inkscape绘制)似乎更聪明。在普通桌面窗口/Canvas中查看交互式/动画SVG需要什么?我见过一些将SVG转换为Cairo的模块:但是是否有适用于Linux的直接SVG解释器? 最佳答案 问题是效果

linux - 找不到 "Qt5Svg"提供的包配置文件

我尝试使用安装一些反汇编程序$sudocmake../edb-debugger-master但它给了我以下错误--Boostversion:1.58.0--Checkingformodule'libgvc>=2.38.0'--CMakeErrorat/usr/lib/x86_64-linux-gnu/cmake/Qt5/Qt5Config.cmake:26(find_package):Couldnotfindapackageconfigurationfileprovidedby"Qt5Svg"withanyofthefollowingnames:Qt5SvgConfig.cmakeqt

linux - 使用 rsvg-convert 可以将多页或多文件 SVG 转换为多页 PDF 吗?

有没有办法使用“rsvg-convert”将多页SVG或多SVG文件转换为单个多页PDF?我正在使用命令:/usr/bin/rsvg-convert-fpdf-oout.pdfin.svg 最佳答案 您可以在转换为pdf时提供.svg文件列表。rsvg-convert-fpdf-oout.pdffile1.svgfile2.svgfile3.svg或者,您可以将文件夹中的所有.svg文件转换为1个pdf,如下所示:rsvg-convert-fpdf-oout.pdf*.svg 关于lin

linux - 将 base64 svg 数据解码为 svg 文件

我有一个包含base64编码(data-uri)的svg图像的文件。文件以开头data:image/svg+xml;base64,PHN....如何在linux中将其解码为.svg文件? 最佳答案 您可以在现代浏览器的网址栏中复制/粘贴字符串(包括data:image等);它会为你解密,然后你可以简单地将页面保存为svg。 关于linux-将base64svg数据解码为svg文件,我们在StackOverflow上找到一个类似的问题: https://stac

linux - 将多个 SVG 图像转换为 SVG 字体文件的脚本

我正在寻找一个脚本来将多个SVG图像(每个包含一个字母)转换为SVG字体文件。基本上和这个网站一样:http://keyamoon.com/icomoon/app/但我更喜欢脚本(最好是Linux),这样我们就可以将它集成到我们的构建过程中。有什么想法吗?或者我可以开始的代码?输入应该是SVG图像列表+映射文件,输出应该是一个包含所有SVG图像作为SVG字体的文件。 最佳答案 仅供引用,两个人刚刚发布了一个项目来做这件事:https://github.com/FontCustom/fontcustom