草庐IT

mermaid-svg-Rc

全部标签

javascript - SVG 文本元素速度

我正在构建一个严重依赖svg的网络应用程序。作为引用,我正在使用raphaeljs库来处理所有这些。在这种特殊情况下,我实现了一些模仿滚动条并在屏幕上移动一堆svg功能(约500个元素)的东西。这些功能的一部分是(~100)个元素。其他元素包括,和元素。因此,我注意到我的应用程序在我的笔记本电脑上并不是非常活泼,而且由于速度原因在ipad上处理起来非常烦人。但是,只要在滚动过程中删除或忽略文本元素,它就会立即达到不错的速度。我尝试做一些速度测试(非常粗略的测试,使用newDate().getTime())并发现移动所有元素需要大约10毫秒,除了。元素,但是当时需要~120毫秒包括元素。

javascript - 调整 d3/dagre-d3 svg 的大小以显示所有内容

我正在尝试使用dagre-d3创建DAG.这些DAG的数据来自数据库,每个DAG都不同,因此,在将所有节点和边添加到图形之前,我不知道要给出包含svg的宽度/高度。所以理想情况下我会调用类似d3.select("#svg1").resize_to_match_contents()的东西添加所有节点和边缘以确保所有节点都可见并且svg不太大之后。当然没有这个功能,我也不知道怎么实现。我知道我可以打电话d3.select("#svg1").attr("height","10")设置高度,但不知道如何检索/计算的高度SVG中的元素是。 最佳答案

javascript - 如何在 DOM 中创建没有 SVG 元素的 SVG 矩阵

我一直在访问SVGMatrix原型(prototype),以利用其强大的矩阵转换功能。这些转换不一定与任何SVG元素相关varsvgElement=$('svg')[0];varsvgMatrix=svgElement.createSVGMatrix()Object.create(svgMatrix.__proto__)本质上,我希望能够像第二行那样创建一个svgMatrix,而不是像第1行那样首先依赖DOM中的svg元素。 最佳答案 怎么样varmatrix=document.createElementNS("http://www

svg - 如何/在何处执行生成 svg 的 golang 二进制文件

我正尝试通过TheGoProgrammingLanguage学习Golang.我在Ch3上,有一个例子prgramming,引用这本书:plotsafunctionoftwovariablesz=f(x,y)asawiremesh3-Dsurface.当我执行程序时,它会生成如下内容:...manymorepolygonpoints本章后面有一些关于修改这个程序的练习,所以我想运行它并获得正确的图形输出,而不仅仅是所有点的打印输出。任何有关如何执行此操作的帮助将不胜感激。到目前为止,我只尝试在iTerm中运行该程序。编辑我也试过在Chrome的Goplayground中运行它。

svg - 如何在 Go 中直接包含 SVG 作为 html 部分

我想将svg文件作为html部分包含在内,这样我就可以在我的HTML中内联使用它。我现在将我的svg包装在html文件中并像这样包含它们:{{template"/partial/my-svg.html"}}但我想直接包含我的svg。PHP是这样做的:我不认为go有类似的东西?所以我想我需要用自定义函数扩展模板逻辑。像这样的东西:{{includeSvg"/partial/my-svg.svg"}}这样的函数在go中会是什么样子? 最佳答案 这是一个工作示例,说明如何添加模板函数并在模板中按路径包含svgpackagemainimpo

xml - 使用 XSLT 创建 SVG

我有一个XML文件,用于存储有关学校类(class)的数据。我刚开始弄乱SVG,所以制作了一个SVG文件来表示每个类(class)的注册人数。这是我想出的缩小版本:第一个柱形表示第一个类注册的25名学生,依此类推。因为我还学习了一些基本的XSLT,我想看看我是否可以从下面发布的XML文件中提取这些注册编号,而不是仅仅手动输入这些编号(就像我在创建上面的图像时所做的那样))因为那太容易了。那就是我遇到麻烦的地方。我相信大部分信息都是正确的,但是如果您查看下面的XSLT文件,您会看到我将每个矩形的高度设置为15,我想将其乘以注册人数(所以第一个栏的高度应为15*25,其中25是通过XSLT

javascript - 无法在加载的 svg 上调用 getElementsByTagName

我正在使用XMLHttpRequest加载SVG,但我似乎无法解析它。这是我加载它的方式varsvgDoc;varxhr=newXMLHttpRequest();xhr.open("GET","data/vectors.svg",true);xhr.onload=function(e){if(xhr.readyState===4){if(xhr.status===200){svgDoc=xhr.responseText;console.log(svgDoc.getElementsByTagName("svg"));}else{console.error(xhr.statusText);

xml - 使用 SVG 进行可视化

在写最近问题的答案时PrologConstraintProcessing:PackingSquares我想可视化Prolog+clpfd给我的答案。为此,我编写了一些肮脏的Prolog代码来发出合适的ImageMagick使用Prolog内置“谓词”format/2和write/1命令,如下所示:drawBoxesWithIM_at_pix(Sizes,Positions,P):-Colors=["#ff0000","#00ff00","#0000ff","#ffff00","#ff00ff","#00ffff"],write('-strokewidth2-strokewhite'),

xml - 在 C# 中使用 XSLT 将 RVML 转换为 SVG

我有一个C#网络应用程序,它使用RaphaelJS生成SVG代码,然后我需要将其转换为PNG以实现用户之间的一般互操作性(另请参阅mypreviousquestionhere)问题是,InternetExplorer生成了RVML代码,而不是看似标准的SVG代码。我的解决方案通过使用Inkscape'scommandlineutility在Firefox和其他浏览器中成功运行将纯SVG文件转换为PNG。但Inkscape不会从RVML转换。因此,除了重写我的应用程序以避免RahaelJs之外,接下来要做的合乎逻辑的事情是在通过Inkscape运行之前将RVML转换为SVG。为此,我找到

c# - 更改任何 svg 文件中所有元素的颜色

我可以轻松地在元素()上添加填充,但我的问题是,它并不总是路径元素,它也可以是,等等。但是如果我想更改svg文件中所有元素的颜色怎么办?不管是什么类型?我的解决方案:找到所有支持fill属性的元素,然后循环遍历它们。随便什么标签都加个fill标签,但不是所有标签都支持,这样不会出问题吗?我不喜欢这些解决方案中的任何一个...第一个不是动态的,另一个不是动态的是脏的¨我可以在这里做些更聪明的事情吗?我可以定义一个全局颜色或什么吗?或者svg.codeplex有一些我可以使用的功能(我找不到)? 最佳答案 您尝试过XPath吗?(使用S