草庐IT

svg-baker-runtime

全部标签

javascript - 从浏览器中仅打印 SVG

我正在开发一个网页,该网页将根据用户交互动态呈现SVG图形。完成后,我希望用户能够只打印图形-而不是简单地打印他们所在的网页和SVG,而只是打印SVG。此外,理想情况下,打印版本的绘制方式与屏幕浏览器版本略有不同。当前的浏览器和SVG可以实现这种事情吗?在Java中,我可以为我的应用程序绘图例程提供绘图引擎或打印引擎,这可以简单地处理相同的问题。然而,我是SVG的新手,我无法确定是否存在某种类似的机制。 最佳答案 您可以使用jQuery。假设您的svg位于网页的DIV(svgDiv)中,包含一个调用以下内容的打印按钮,其中根svg具

javascript - SVG/VML 浏览器兼容性表

我有兴趣找到一个浏览器兼容性表,该表列出了每个版本的Opera、Safari、Chrome、Firefox和InternetExplorer(Konqueror也不错)支持的SVG/VML部分,与Quirksmode类似。.我找到了以下两个SVG兼容性表,但它们都没有提供足够的详细信息:http://caniuse.com/#cats=SVG&statuses=rechttp://www.codedread.com/svg-support.php第一个链接中的信息似乎与Raphael等库冲突它声称完全支持Firefox3.0+和Safari3.0+中的动画,而链接表明动画模块直到这两个

javascript - Chrome 在简单地添加和删除 SVG 元素时会泄漏内存

继续这个问题:Taskmanagershowsmemoryleak,butHeapsnapshotdoesn't我设法创建了一个非常简单的例子来说明这个漏洞,这里是完整的源代码:svgtestvarsvg;varinterval;varsvg;window.onload=function(){createSVG();start();}functionstart(){interval=setInterval(createElements,100);}functioncreateSVG(){vardiv=document.getElementById("svgdiv");div.inner

javascript - 使用 SVG 和 d3.js 创建滚动条

现在我已经使用d3创建了几个“框”,它们只是带有文本的SVG矩形:varcanvas=d3.select("body").append("svg").attr("width",800).attr("height",500);//specifiesdrawingareaforeachboxvarboxes=canvas.selectAll("rect").data(classData).enter();boxes.append("rect").attr("width",boxWidth).attr("height",boxHeight).attr("fill",boxColor).att

javascript - 使用基于 JavaScript 的 SVG 库在表头内垂直文本

我将jqGrid与许多包含bool信息的列一起使用,这些信息在表格内显示为复选框(参见http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO.htm作为示例)。为了更紧凑地显示信息,我使用垂直列标题。它工作得很好,在所有浏览器的jqGrid中工作(请参阅我在jqGrid论坛中与TonyTomov的讨论http://www.trirand.com/blog/?page_id=393/feature-request/headers-with-vertical-orientation/),但在IE中垂直文本模糊并且看起来不够好(在IE中打

javascript - Chrome 不会在 SVG 中缓存图像

我刚刚发现,如果SVG中的cache-controlheader设置为no-cache,Chrome不会缓存放置在SVG中的图像。Firefox和IE10似乎忽略了这个设置。我创建了一个带有静态SVG的小测试页:HTML:Javascript:$(document).ready(function(){varcurXPos=80;//Localtestfunctionwhichrepresentsomeservercallsinmy"reallife"scenario//Justupdatesthex-positioninthetransformmatrixinthistestcasef

javascript - 使用 SVG 和 Javascript 的交互式有向图

我必须向SVG有向图添加一些交互功能。到目前为止,我要显示的图表是从点文件生成并呈现为SVG。我想知道是否有一些简单的方法可以向此类SVG文档添加交互性(可能使用Javascript)。我需要的是当鼠标经过一个节点时显示一些信息,并使比较两个节点成为可能。由于我的模型是自动生成的,所以我更愿意保留点生成的SVG,并使用单独的Javascript在其上放置额外的信息。 最佳答案 我有一个内嵌SVG的例子。此SVG与您所拥有的之间的区别在于,我演示中的那个具有节点和事物的id属性。我确实从graphviz网站上得到了这个SVG。Demo

javascript - 如何在 JavaScript 中向 SVG 对象添加过滤器?

我正在尝试使用JavaScript创建feGaussianBlur滤镜并将其添加到SVG矩形,使用thiscode作为引用。我得到一个矩形,但它没有被过滤。我做错了什么?我正在尝试这样:varcontainer=document.getElementById("svgContainer");varmySvg=document.createElementNS("http://www.w3.org/2000/svg","svg");mySvg.setAttribute("version","1.1");container.appendChild(mySvg);varobj=document

javascript - 装载机中的 Ionic 2 自定义 svg 微调器

我正在尝试将我的SVG添加到加载创建函数中,但是当我去查看它时,我看到的只是一个空标签,它应该在该位置。letloading=this.loadingCtrl.create({spinner:'',content:this.appConfig.customSpinner})上面是我的创建代码,该变量是下面的SVG代码。.st2{fill:none;stroke-width:40;stroke-miterlimit:10;}我怎样才能让它渲染?我也已将它复制到ionic论坛上link我试图添加一个管道,使其在运行时安全,但也失败了。我制作的内容是这样的:这是我的pipe:import{P

svg - 使用 SVG 和 JavaScript 指向多边形检查?

我有一张map,我通过将不同颜色的区域转换为路径将光栅图形转换为SVG文件。我知道如何在给定边数组的情况下进行基本的多边形点检查,但是svg:path元素代表多个多边形以及mask(考虑到海洋等)和通过解析d属性来提取该信息似乎相当笨拙。是否有一个JS库可以让我简化该检查?我基本上想创建随机点,然后检查它们是在陆地上(即多边形内部)还是水上(即外部)。由于SVG元素似乎允许鼠标事件处理,我认为这应该不是什么大问题(即,如果您可以判断鼠标指针是否在元素之上,那么您已经解决了问题-多边形问题)。编辑:让事情有点复杂,我应该提到svg:path元素似乎是基于曲线而不是直线,所以只需解析d属性