草庐IT

mermaid-svg-Rc

全部标签

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

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

javascript - 如何检测浏览器对 VML 或 SVG 的支持

我正在编写一些javascript,需要在SVG或VML之间做出选择(或两者兼而有之,或者其他东西,这是一个奇怪的世界)。虽然我知道目前只有IE支持VML,但我更愿意检测功能而不是平台。SVG似乎有一些您可以使用的属性:例如window.SVGAngle。这是检查SVG支持的最佳方式吗?是否有VML的等价物?不幸的是-在firefox中,我可以非常愉快地在VML中进行所有渲染而不会出错-屏幕上什么也没有发生。很难从脚本中检测到这种情况。 最佳答案 我建议对crescentfresh的答案进行调整-使用document.impleme

javascript - 如何检测浏览器对 VML 或 SVG 的支持

我正在编写一些javascript,需要在SVG或VML之间做出选择(或两者兼而有之,或者其他东西,这是一个奇怪的世界)。虽然我知道目前只有IE支持VML,但我更愿意检测功能而不是平台。SVG似乎有一些您可以使用的属性:例如window.SVGAngle。这是检查SVG支持的最佳方式吗?是否有VML的等价物?不幸的是-在firefox中,我可以非常愉快地在VML中进行所有渲染而不会出错-屏幕上什么也没有发生。很难从脚本中检测到这种情况。 最佳答案 我建议对crescentfresh的答案进行调整-使用document.impleme

javascript - 如何获取 svg :g element 的宽度

我目前正在使用JavaScript中的svg元素。我对此很陌生。我的问题是我有一个svg元素,其中有多个svg:g元素。在我的svg:g元素中,我有各种其他svg元素。john13john13john13g正在动态追加到我的g"my_class"现在我想将我的svg宽度设置为等于g.my_class宽度的宽度。varsvgWidth=$('.my-class').width()alert(svgWidth);但它给了我零。我怎么能在我的浏览器上的黄色工具提示框中看到它当我选择这一行时。谁能指导一下?我这样做对吗,或者我怎样才能做到这一点?谢谢 最佳答案

javascript - 如何获取 svg :g element 的宽度

我目前正在使用JavaScript中的svg元素。我对此很陌生。我的问题是我有一个svg元素,其中有多个svg:g元素。在我的svg:g元素中,我有各种其他svg元素。john13john13john13g正在动态追加到我的g"my_class"现在我想将我的svg宽度设置为等于g.my_class宽度的宽度。varsvgWidth=$('.my-class').width()alert(svgWidth);但它给了我零。我怎么能在我的浏览器上的黄色工具提示框中看到它当我选择这一行时。谁能指导一下?我这样做对吗,或者我怎样才能做到这一点?谢谢 最佳答案