草庐IT

svg-edit

全部标签

javascript - 如何设置 D3.js svg 的背景颜色?

我对D3.jsSVG的样式不是很熟悉。我创建了一个可折叠的树,并将提供一个选项来将此树下载为SVG/PDF/PNG。这很好用,但生成文件的背景颜色始终是透明的。是否有可能创建具有特定背景颜色的D3SVG?我在工作中使用了这个例子:http://bl.ocks.org/mbostock/4339083谢谢! 最佳答案 只需添加一个作为第一个显示您想要的颜色的绘画订单项目。varsvg=d3.select("body").append("svg").attr("width",width+margin.right+margin.left)

javascript - 如何将 d3.svg.axis 限制为整数标签?

有没有可能限制图表上显示的d3.svg.axis整数标签的数量?以这张图为例。这里只有5种尺寸:[0,1,2,3,4]。但是,.5、1.5、2.5和3.5也会显示刻度。 最佳答案 您应该能够使用d3.format而不是为此编写您自己的格式函数。d3.svg.axis().tickFormat(d3.format("d"));您还可以在您的刻度上使用tickFormat,Axis将默认自动使用。 关于javascript-如何将d3.svg.axis限制为整数标签?,我们在StackOve

javascript - 如何将 d3.svg.axis 限制为整数标签?

有没有可能限制图表上显示的d3.svg.axis整数标签的数量?以这张图为例。这里只有5种尺寸:[0,1,2,3,4]。但是,.5、1.5、2.5和3.5也会显示刻度。 最佳答案 您应该能够使用d3.format而不是为此编写您自己的格式函数。d3.svg.axis().tickFormat(d3.format("d"));您还可以在您的刻度上使用tickFormat,Axis将默认自动使用。 关于javascript-如何将d3.svg.axis限制为整数标签?,我们在StackOve

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 使用 D3.js(IE、safari 和 chrome)创建 SVG 后如何保存/导出 SVG 文件?

我目前有一个使用D3的网站,我希望用户可以选择将SVG另存为SVG文件。我正在使用crowbar.js来执行此操作,但它仅适用于chrome。Safari没有任何反应,IE拒绝访问crowbar.js中用于下载文件的click()方法。vare=document.createElement('script');if(window.location.protocol==='https:'){e.setAttribute('src','https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js');}else{e.s

javascript - 使用 D3.js(IE、safari 和 chrome)创建 SVG 后如何保存/导出 SVG 文件?

我目前有一个使用D3的网站,我希望用户可以选择将SVG另存为SVG文件。我正在使用crowbar.js来执行此操作,但它仅适用于chrome。Safari没有任何反应,IE拒绝访问crowbar.js中用于下载文件的click()方法。vare=document.createElement('script');if(window.location.protocol==='https:'){e.setAttribute('src','https://raw.github.com/NYTimes/svg-crowbar/gh-pages/svg-crowbar.js');}else{e.s

javascript - 使用 JavaScript 更改 SVG 图像颜色

我正在尝试使用javascript更改svg图像颜色。这可能吗?我可以将它作为对象加载,然后以某种方式访问​​颜色/图像数据吗?非常感谢每个回复或提示! 最佳答案 当然,这是一个示例(省略了标准HTML样板文件):Clicktochangetoyellow 关于javascript-使用JavaScript更改SVG图像颜色,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9872

javascript - 使用 JavaScript 更改 SVG 图像颜色

我正在尝试使用javascript更改svg图像颜色。这可能吗?我可以将它作为对象加载,然后以某种方式访问​​颜色/图像数据吗?非常感谢每个回复或提示! 最佳答案 当然,这是一个示例(省略了标准HTML样板文件):Clicktochangetoyellow 关于javascript-使用JavaScript更改SVG图像颜色,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/9872

javascript - 如何在 React Native 上显示 SVG 文件?

我想显示svg文件(我有一堆svg图像)但是我找不到显示方式。我尝试使用Image和Use组件react-native-svg但他们不使用那个。我尝试用原生方式来做到这一点,但只显示svg图像真的很难。示例代码:importSvg,{Use,Image,}from'react-native-svg';另外我知道reactnative基本上不支持svg但我认为有人用棘手的方式解决了这个问题(有/没有react-native-svg) 最佳答案 我使用了以下解决方案:使用https://svg2jsx.herokuapp.com/将.s