草庐IT

svg-edit

全部标签

html - 如何将 SVG 文件转换为 HTML5 的 Canvas ?

有没有办法将SVG文件转换为HTML5的Canvas兼容命令? 最佳答案 canvg似乎是一个更好的解决方案。截至2012年1月,它是一个活跃的项目。canvas-svg自2009年6月发布以来一直未更新。 关于html-如何将SVG文件转换为HTML5的Canvas?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2907537/

html - 使用背景图像填充 SVG 路径元素,无需平铺或缩放

我想做一些很像FillSVGpathelementwithabackground-image的事情除了那里提供的解决方案将平铺图像以填充整个背景区域。我不想要那个。如果图像没有填满整个高度或整个宽度,那么我只是希望它在路径形状内居中,就这样吧。如果我尝试通过更改高度/宽度属性来限制行为,那么渲染只会缩放图像,直到它至少填充一个维度。我想这种行为在某种程度上是有道理的,因为它使用了模式。我可以看到我想要的并不是真正的“模式”本身。我只想按原样在我的形状中间拍一张图像,而不是用它制作图案。但是,我确实希望我的SVG路径定义的形状边界能够在图像的大小超出这些边界时切断图像的渲染。除了为fil

html - 使用背景图像填充 SVG 路径元素,无需平铺或缩放

我想做一些很像FillSVGpathelementwithabackground-image的事情除了那里提供的解决方案将平铺图像以填充整个背景区域。我不想要那个。如果图像没有填满整个高度或整个宽度,那么我只是希望它在路径形状内居中,就这样吧。如果我尝试通过更改高度/宽度属性来限制行为,那么渲染只会缩放图像,直到它至少填充一个维度。我想这种行为在某种程度上是有道理的,因为它使用了模式。我可以看到我想要的并不是真正的“模式”本身。我只想按原样在我的形状中间拍一张图像,而不是用它制作图案。但是,我确实希望我的SVG路径定义的形状边界能够在图像的大小超出这些边界时切断图像的渲染。除了为fil

html - 将 onclick 事件添加到 SVG 元素

我在SVG教程中找到了这个示例,该教程解释了如何为SVG元素使用onclick事件处理程序。它看起来像下面的代码:但是,这似乎行不通。单击该元素时没有任何反应。也许值得一提的是,我使用echo从PHP脚本中显示SVG。另请注意,PHP脚本生成的内容是使用AJAX和XMLHttpRequest()引入页面的。这可能与它有什么关系吗?非常感谢您的帮助。 最佳答案 似乎所有JavaScript都必须包含在SVG中才能运行。我无法引用任何外部函数或库。这意味着您的代码在svgstyle=svgobj.getStyle();处中断这将完成您正

html - 将 onclick 事件添加到 SVG 元素

我在SVG教程中找到了这个示例,该教程解释了如何为SVG元素使用onclick事件处理程序。它看起来像下面的代码:但是,这似乎行不通。单击该元素时没有任何反应。也许值得一提的是,我使用echo从PHP脚本中显示SVG。另请注意,PHP脚本生成的内容是使用AJAX和XMLHttpRequest()引入页面的。这可能与它有什么关系吗?非常感谢您的帮助。 最佳答案 似乎所有JavaScript都必须包含在SVG中才能运行。我无法引用任何外部函数或库。这意味着您的代码在svgstyle=svgobj.getStyle();处中断这将完成您正

html - IE8 中可用的 D3 替换(带有 D3 和 svg 的图表)

我开发了可用的D3驱动图表,就所有其他浏览器而言,没有问题。但最近出现了在InternetExplorer8中支持它们的需求。但到目前为止我无法在IE8中显示此html。这些是D3中使用的标签:在过去的6个小时里,我浏览了很多Material和问题,包括:"DisplayinlineSVGinIE8"有thisanswer从2012年10月开始:Ihavebeenlookingintothistooandanumberofoptionscameup.ChromeFrame-Abrowserplug-inthatactuallyuseschromeunderneath,meaningSV

html - IE8 中可用的 D3 替换(带有 D3 和 svg 的图表)

我开发了可用的D3驱动图表,就所有其他浏览器而言,没有问题。但最近出现了在InternetExplorer8中支持它们的需求。但到目前为止我无法在IE8中显示此html。这些是D3中使用的标签:在过去的6个小时里,我浏览了很多Material和问题,包括:"DisplayinlineSVGinIE8"有thisanswer从2012年10月开始:Ihavebeenlookingintothistooandanumberofoptionscameup.ChromeFrame-Abrowserplug-inthatactuallyuseschromeunderneath,meaningSV

javascript - html5 如何将一个 SVG 变形或动画化为另一个?

我做了一些搜索,但我不得不承认,我对SVG的经验为0,我看过很多现代库,例如Raphael、PaperJS、KineticJS、EaselJS,但我不知道什么适合目标在这里,甚至CSS关键帧也可以解决问题。如能指出此问题,我们将不胜感激。目标在浏览器上,我想使用过渡类型将svg1动画化为svg2ease-out约束任何javascript库,如果需要的话应该能够将每个元素关联到具有相同ID的其他元素变形形状、路径、填充*、描边*、cx、cy、rc、ry应该在当前的Firefox和Chrome上工作,IE10会很不错应该适用于新手机,例如iphone5、nexus4和7体面的性能,即使在

javascript - html5 如何将一个 SVG 变形或动画化为另一个?

我做了一些搜索,但我不得不承认,我对SVG的经验为0,我看过很多现代库,例如Raphael、PaperJS、KineticJS、EaselJS,但我不知道什么适合目标在这里,甚至CSS关键帧也可以解决问题。如能指出此问题,我们将不胜感激。目标在浏览器上,我想使用过渡类型将svg1动画化为svg2ease-out约束任何javascript库,如果需要的话应该能够将每个元素关联到具有相同ID的其他元素变形形状、路径、填充*、描边*、cx、cy、rc、ry应该在当前的Firefox和Chrome上工作,IE10会很不错应该适用于新手机,例如iphone5、nexus4和7体面的性能,即使在

javascript - 在 javascript 中的嵌入式 SVG 元素上添加点击事件

我得到了thisSVGimagefromWikipedia并使用以下代码将其嵌入到网站中:如果运行它,您可以检查元素并查看源代码。图像中的所有国家/地区都是单独的元素。如果我点击一个国家,我想提醒那个国家的id,因为每个国家在SVG中都有一个由两个字母组成的id。有谁知道这样做的方法吗?如果我把它放在一个元素中会更容易吗? 最佳答案 这是一个example那应该与您要执行的操作非常相似。它使用而不是,但这只是一个次要的细节。看这个其他example对于如何从父文档获取嵌入文档的DOM,两者略有不同。另请注意,维基百科的svgmap非