草庐IT

svg-edit

全部标签

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);但它给了我零。我怎么能在我的浏览器上的黄色工具提示框中看到它当我选择这一行时。谁能指导一下?我这样做对吗,或者我怎样才能做到这一点?谢谢 最佳答案

javascript - 使用 DOM 将 SVG 元素添加到现有 SVG

我有一个类似于以下代码的HTML结构://drawsomesvgelements我希望能够使用javascript和DOM向上面定义的SVG添加一些元素。我将如何做到这一点?我在想varsvg1=document.getElementById('intro').getElementsByTagName('svg');svg1[0].appendChild(element);//elementlike,我不太熟悉使用DOM,或者如何创建要传递给appendChild的元素,所以请帮我解决这个问题,或者告诉我还有什么其他方法可以解决这个问题。非常感谢。 最佳答案

javascript - 使用 DOM 将 SVG 元素添加到现有 SVG

我有一个类似于以下代码的HTML结构://drawsomesvgelements我希望能够使用javascript和DOM向上面定义的SVG添加一些元素。我将如何做到这一点?我在想varsvg1=document.getElementById('intro').getElementsByTagName('svg');svg1[0].appendChild(element);//elementlike,我不太熟悉使用DOM,或者如何创建要传递给appendChild的元素,所以请帮我解决这个问题,或者告诉我还有什么其他方法可以解决这个问题。非常感谢。 最佳答案

javascript - 如何将 svg Canvas 保存到本地文件系统

有没有办法允许用户在使用浏览器在javascriptsvgCanvas上创建矢量图后,将此文件下载到他们的本地文件系统?SVG对我来说是一个全新的领域,所以如果我的措辞不准确,请耐心等待。 最佳答案 您可以避免往返服务器。Base64编码您的SVGxml。然后生成指向该数据的链接。用户可以右键点击保存到本地。//ThisexamplewascreatedusingProtovis&jQuery//Base64providedbyhttp://www.webtoolkit.info/javascript-base64.html//Mo

javascript - 如何将 svg Canvas 保存到本地文件系统

有没有办法允许用户在使用浏览器在javascriptsvgCanvas上创建矢量图后,将此文件下载到他们的本地文件系统?SVG对我来说是一个全新的领域,所以如果我的措辞不准确,请耐心等待。 最佳答案 您可以避免往返服务器。Base64编码您的SVGxml。然后生成指向该数据的链接。用户可以右键点击保存到本地。//ThisexamplewascreatedusingProtovis&jQuery//Base64providedbyhttp://www.webtoolkit.info/javascript-base64.html//Mo

javascript - 使用 Javascript 创建 SVG 图形?

如何使用JavaScript创建SVG图形?所有浏览器都支持SVG吗? 最佳答案 看看thislistonWikipedia关于哪些浏览器支持SVG。它还提供了指向脚注中更多详细信息的链接。例如,Firefox支持基本的SVG,但目前缺少大多数动画功能。可以找到有关如何使用Javascript创建SVG对象的教程here:varsvgns="http://www.w3.org/2000/svg";varsvgDocument=evt.target.ownerDocument;varshape=svgDocument.createEl