草庐IT

svg-edit

全部标签

javascript - X-Editable JQuery 插件 - 选择获取源对象

我在尝试获取所选对象而不是传递给成功回调的“newValue”时遇到问题。这是一个例子:$("select").editable({type:"select",title:'SelectFruit',source:[{text:"Apple",value:"option_1"},{text:"Orange",value:"option_2"},{text:"Mango",value:"option_3"},{text:"Strawberry",value:"option_4"}],success:function(response,newValue){console.log(newVa

javascript - SVG 和 RevealJS 中的鼠标位置

我正在使用RevealJS创建一个演示文稿,并希望合并一些使用D3创建的交互式SVG可视化效果。之前我已经毫无困难地完成了很多次,但这次我遇到了一些困难。经过一些调试后,我将问题追溯到以下几点:由于某种原因,当整个内容都包含在RevealJS中时,鼠标相对于SVG的位置没有正确报告。我的原始代码版本使用标准D3技术来获取鼠标位置。不过,为了简化和隔离问题,我取消了D3,现在使用vanillaJavascript获取鼠标位置,详见thisStackOverflowanswer。.我的代码(作为堆栈片段实现)如下所示:varinfo=document.getElementById("inf

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

gorename : What is a 'DO NOT EDIT' marker?

我正在使用vscode并尝试重命名变量名称。它没有说:Renamefailed:gorename:cannotrenameidentifiersingeneratedfilecontainingDONOTEDITmarker:/home/adam/go/src/hello/hello.go那么什么是DONOTEDIT标记?为什么它在那里,我怎样才能删除它以便gorename可以做它的事情?我的文件是这样开始的:packagemain//#cgoCFLAGS:-g-Wall//#include//#include"c/greet.h"import"C"import("encoding/j

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);