草庐IT

mermaid-svg-Rc

全部标签

javascript - IE 11 "Crashes"使用动态 SVG 元素时

我最近为我公司的新html应用程序实现了一个自定义SVG图标控件。实现后不久,我们的质量部门开始报告IE11在使用该应用程序时随机“崩溃”。我不确定崩溃一词是否准确描述了正在发生的事情。应用程序进入一种状态,其中元素将不再接受鼠标或键盘输入,显示也不会更改为显示悬停样式。但是,当您将鼠标悬停在按钮和输入元素上时,光标图像会发生适当的变化,并且可以使用鼠标滚轮(但只能使用鼠标滚轮)滚动可滚动部分。当应用程序处于这种状态时,我运行了UIResponsivenessProfiler,发现没有客户端脚本在运行,只有IE的垃圾收集器。经过一周的测试后,我最终确定当用户单击由svg元素生成的图标时

javascript - 将 JavaScript 生成的 SVG 转换为文件

我正在使用d3.js来可视化一些数据。我希望能够获取它生成的SVG代码并将其存储为.svg图像文件(用于在Inkscape/Illustrator中进行编辑)。我试过简单地复制svg标签的内容,即放入名为image.svg的文件中,但这会遗漏颜色/样式信息,这些信息位于两个单独的CSS文件中。我正在使用thisexample.有没有简单的方法可以做到这一点? 最佳答案 这是使用svg-crowbar.js的好方法在您的站点上提供一个按钮,以允许您的用户将您的可视化文件下载为svg。1)定义按钮的CSS:.download{backg

javascript - SVG 事件触发动画

我如何触发一个svg动画元素开始通过带有任意事件的javascript制作动画?我正在想象类似begin="mySpecialEvent"的东西,然后我可以发送mySpecialEvent并且动画将开始(或者如果已经播放则再次开始)。 最佳答案 这是一篇涵盖您所需内容的文章:http://dev.opera.com/articles/view/advanced-svg-animation-techniques/编辑:链接已删除。归档副本:https://github.com/operasoftware/devopera-static

javascript - Angular 2 - 如何使用新的 Angular 2.0.0-rc.1 路由器

我开始写一个新的angular2项目,我发现我安装了2angularrouter:"@angular/router":"2.0.0-rc.1","@angular/router-deprecated":"2.0.0-rc.1",我没有在Angular网站上找到如何使用新路由器。比如我需要导入什么组件。所以我的问题是:我应该使用router-deprecated吗?有没有关于如何使用新路由器的好文档? 最佳答案 这里是Angular2Router(RC1)的使用方法,与测试版(已弃用)相比:Routes替换RouteConfig。在您

javascript - 如何设置 SVG <g> 元素的样式?

我将一些SVG元素组合在一个中元素。我只想设置样式元素显示元素分组。就像我想给它一些背景颜色和边框。如何实现?我试过了fill和stroke属性为元素,但它不起作用。怎么可能?提前致谢!SampleHere 最佳答案 您不能向SVG添加样式元素。它的唯一目的是将child分组。这也意味着您赋予它的样式属性会传递给它的子级,因此fill="green"在上表示自动fill="green"在它的child身上(只要它没有自己的fill规范)。您唯一的选择是添加一个新的到SVG并将其相应地放置以匹配child尺寸。

javascript - 如何获取 svg 元素的坐标?

我正在使用d3从相对svg位置绘制一条线,因此想要访问元素本身的坐标。我试过这样的事情(其中“this”指的是元素).attr("x1",this.x).attr("y1",this.y)但x1和y1只是默认为零。获取svg元素坐标的正确方法是什么?编辑:这是我的(根据要求)我的全部代码。我正在尝试在可折叠树上实现它,当我将鼠标悬停在圆形节点上时,我会在其中画一条线。线的起点应该是我点击的圆圈,终点应该是svg平面上的一个固定点。.nodecircle{cursor:pointer;fill:#fff;stroke:steelblue;stroke-width:1.5px;}.node

javascript - 是否可以在 SVG 元素内附加一个 div?

这个问题在这里已经有了答案:jquery'sappendnotworkingwithsvgelement?(16个答案)关闭2个月前。我正在尝试在SVG中附加一个HTMLdiv,我正在尝试创建一个图形。我正在尝试使用下面的代码附加它,但是当我使用Firebug检查元素时,div显示在rect元素代码中,但它没有显示在图形UI中。我正在尝试的方法有问题还是无法在SVG中附加div?marker.append("rect").attr("width","50px").attr("height","50px").append("div").attr("id",function(d){retu

javascript - 如何使用 D3.js 将图像添加到 svg 容器

我创建了一个示例Asp.NetMVC4应用程序,我在其中使用D3.js附加了一个SVG元素,然后在SVG中附加了一个文本元素(参见下面的代码)。在我尝试使用本地png文件将img附加到SVG之前,这一切都很好。img被附加到DOM,但img没有呈现在页面上。知道我在这里做错了什么,以及如何解决它吗?@{ViewBag.Title="HomePage";}varsvg=d3.select("body").append("svg").attr("width",200).attr("height",100).style("border","1pxsolidblack");vartext=sv

javascript - 单元测试时,无法在 Angular RC 5 中解析路由器 : (?、?、?、?、?、?、?) 的所有参数

我刚刚升级到AngularRC5,现在所有使用“ROUTER_DIRECTIVES”的组件在我尝试时都失败并显示“无法解析路由器的所有参数:(?,?,?,?,?,?,?)”对组件进行单元测试。import{inject,addProviders}from'@angular/core/testing';import{ComponentFixture,TestComponentBuilder}from'@angular/core/testing';import{Component}from'@angular/core';import{ROUTER_DIRECTIVES,Router}fro

javascript - 谷歌地图 SVG 标记不显示在 IE 11 上

我的SVGmap标记在IE11上消失了。它在Chrome、Firefox、Safari、IE9和10中可见,但在11中不可见。我已经上传了我当前代码的JSfiddle。我不知道这是我的问题还是Googlemap的错误。I'veuploadedaJSfiddleofmycurrentcodehtml{height:100%}body{height:100%;margin:0;padding:0}#map-canvas{height:100%}functioninitialize(){varsanfrancisco=newgoogle.maps.LatLng(37.78062,-122.3