草庐IT

svg-edit

全部标签

javascript - 是否有等效于 SVG 的 Canvas toDataURL 方法?

关闭。这个问题是notreproducibleorwascausedbytypos.它目前不接受答案。这个问题是由于错别字或无法再重现的问题引起的。虽然类似的问题可能是on-topic在这里,这个问题的解决方式不太可能帮助future的读者。关闭2年前。Improvethisquestion我正在尝试将svg图像加载到Canvas中以进行像素操作我需要一个类似toDataURL或getImageData的svg方法在Chrome/Safari上我可以尝试通过图像和Canvas来完成varimg=newImage()img.onload=function(){ctx.drawImage(

html - 如何在 html5 中显示 SVG 圆圈内的图像?

有没有办法在SVGCircle中显示图像?我尝试在Svg元素中添加图像,但图像没有出现在圆圈中。你能帮帮我吗? 最佳答案 这是一个详细阐述哈文纳德上述评论的例子:你实际上并没有画一个元素内有图像-相反,定义一个圆形剪辑路径,并将其设置为上的'clip-path'属性标签。 关于html-如何在html5中显示SVG圆圈内的图像?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/30

HTML 所见即所得编辑器 : why is the editable content moved in an iFrame

为什么将可编辑的html移动到iFrame中?我分析了不同的编辑器(TinyMce、CKEditor等),并将所有可编辑的内容移动到一个单独的iFrame中,它们覆盖了原始文本。这是什么技术原因。我尝试了contenteditable="true",它也是所有这些编辑器的基础,但还没有找到这样做的理由。 最佳答案 我是CKEditor核心开发人员。时间不长-就在今年的下半年,但我学到了很多关于我们为什么使用iframededitable:)样式-iframed编辑器的内容不会继承页面的样式。这非常重要,因为我们无法重置样式(原文如此

html - 你能为 svg "background-image"制作动画吗?

我想将svg-image水平和垂直居中以响应我的窗口。所以我决定将图像整合到一个div背景中。现在,当我想将stroke-dasharray和带有stroke-dashoffset的动画添加到我的svg时,它不起作用。是否可以为svg背景图像设置动画?svg-image只包含很多行。这是我的svg文件(有更多的行只有不同的x和y值):这是我的Html和Css文件:html,body{padding:0;margin:0;height:100%;width:100%;background-color:red;}.Container{position:relative;left:50%;t

css - 垂直居中的 SVG 标签

我正在尝试找出一种使我的SVG标签垂直居中的方法。基本上,这是我试图居中的简化SVG代码:我可以毫不费力地将它放在页面的中间(水平方向),但我也希望它垂直居中。我可以添加包装器,但我想知道执行此操作的通用方法,而不取决于SVG大小或窗口大小。我尝试了多种方法,但没有任何效果。谢谢, 最佳答案 我更新了这个答案,因为当前的浏览器对此有更好的解决方案。聪明人怎么说,第一年学html和css,再学几年高级javascript,五年后终于学会垂直居中div。要垂直/水平对齐css中的任何内容,您可以使用两种主要方式:绝对Whatever和C

html - Web 浏览器不显示 svg 文件

我有一个包含以下代码的graphics.svg文件:如果我从网络浏览器(Firefox、Chromium)打开该文件,则不会显示矢量图像。相反,该文件以XML格式显示:ThisXMLfiledoesnotappeartohaveanystyleinformationassociatedwithit.Thedocumenttreeisshownbelow.这是因为svg文件应该嵌入到html文件中才能正常显示吗? 最佳答案 不是,这是因为你没有为svg元素指定命名空间xmlns="http://www.w3.org/2000/svg"

javascript - 通过 JavaScript 访问 SVG 数据

我正在开发一个使用SVG和JS的网络应用程序。一切进展顺利,但我对数据处理有点困惑。用户创建的对象数据动态附加到SVG根。此SVG数据存储在哪里以及如何存储,以及我如何访问它?我想阅读它的原因是我想将此SVG数据转换为HTML5Canvas(使用Google的canvg),最后将其转换为png图像以存储在我们的数据库中以供引用。任何指导将不胜感激。 最佳答案 当网络浏览器加载SVG文件时,它(粗略地)解析字节流并为SVG文件在内存中创建DOM结构。当脚本动态创建新元素并将其附加到文档时,正是这种内存中的表示被修改。你可以在这里看到一

javascript - HTML 5、内联 SVG 和 SVG DOM 的命名空间感知

下面的问题让我很困惑。我知道它们是相关的,但是...是否支持HTML5命名空间(包括SVG/其他XML方言的标签)?如果不是,那么这个-Ihavereadthisoldlink,butIamtotallyconfused...becauseMozillasays"todynamicallymodifyinlineSVG,scriptingneedstobedonethisway"-sofinally,howcanIdynamicallymodifyinlineSVG(ifHTML5isnotnamespaceaware)?或者页面需要作为(X)HTML5提供?详细信息-hello-SV

HTML SVG - 是否可以将 <svg> 导入 Adob​​e Illustrator 进行修改?

如标题所述,如何在Adob​​eIllustrator中修改svg?比如我得到了这个ThisaTEST!(它不包含任何东西,它只是一个随机的svg)。我必须先将其下载为.svg吗?我如何才能将其下载为.svg? 最佳答案 将其粘贴到名为whatever.svg的文本文件中,然后在Illustrator中打开该文件。 关于HTMLSVG-是否可以将导入Adob​​eIllustrator进行修改?,我们在StackOverflow上找到一个类似的问题: http

html - SVG 线性渐变在 Safari 中不起作用

我有一个SVG对象,它包含直接嵌入文档中的线性渐变。它在Chrome和Firefox中运行良好,但在Safari中没有任何渲染。如果我将SVG创建为文件并使用Object标签嵌入它,它在Safari中工作正常。其他形状和填充都可以,只是线性渐变不起作用。我想我可以使用该对象,但我更愿意直接嵌入SVG。我在这里创建了一个演示(适用于Chrome,不适用于Safari):http://jsfiddle.net/sjKbN/我遇到了thisanswer这建议将内容类型设置为application/xhtml+xml,但这本身似乎会导致其他问题。只是想知道是否有人遇到过任何其他修复或想法来使它