草庐IT

mermaid-svg-Rc

全部标签

html - 默认情况下,SVG 内容是否应该在嵌入的 <svg> 之外可见?

很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈,无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开,visitthehelpcenter.关闭10年前。在过去,我回答了一个关于SVG图像在IE9中没有被“裁剪”(overflow:hidden)的“谁错了”的问题,而所有其他支持的浏览器都是这样做的。答案是here.今天,在再次审查HTML5样板时,我注意到他们声称他们"[correct]overflownotbeinghiddeninIE9"使用这段代码:svg:not(:root){overflow:hidden;}我正在寻找某人通过指向HT

asp.net-mvc - 用于 CSS 背景图像的 ASP.Net 开发服务器 SVG 文件服务

我在将SVG文件设置为MVC3站点(RazorView引擎)中元素的背景时遇到了一些问题,并且想知道ASP.Net开发服务器(Cassini?)是否正确地提供了SVG文件。我的SVG文件位于/img/plus.svg这是它的内容我用来设置背景的css规则是这样的:.plusIcon{background-image:url(@Url.Content("~/img/plus.svg"));}我也将它添加到我的Web.Config部分:当我导航到url/img/plus.svg时文件已正确下载。这只是一个开发服务器问题,我应该在IIS中尝试吗? 最佳答案

asp.net-mvc - 用于 CSS 背景图像的 ASP.Net 开发服务器 SVG 文件服务

我在将SVG文件设置为MVC3站点(RazorView引擎)中元素的背景时遇到了一些问题,并且想知道ASP.Net开发服务器(Cassini?)是否正确地提供了SVG文件。我的SVG文件位于/img/plus.svg这是它的内容我用来设置背景的css规则是这样的:.plusIcon{background-image:url(@Url.Content("~/img/plus.svg"));}我也将它添加到我的Web.Config部分:当我导航到url/img/plus.svg时文件已正确下载。这只是一个开发服务器问题,我应该在IIS中尝试吗? 最佳答案

html - 如何实现 SVG 1.2 Tiny textArea?

我最近在网上浏览了有一个textArealocaltoSVG(我可能需要这个用于文本换行)我在HTML5元素内使用了这个例子并在Chrome上对其进行了测试,但它不会显示textArea元素,有人知道如何正确实现SVGtextArea吗?还是可能不支持SVG1.2tiny?(我只使用通常的SVG1.1) 最佳答案 检查UA是否支持http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow特征字符串并显示一个SVG文本区域(如果有),否则在一个foreignObject中显示一个html文

html - 如何实现 SVG 1.2 Tiny textArea?

我最近在网上浏览了有一个textArealocaltoSVG(我可能需要这个用于文本换行)我在HTML5元素内使用了这个例子并在Chrome上对其进行了测试,但它不会显示textArea元素,有人知道如何正确实现SVGtextArea吗?还是可能不支持SVG1.2tiny?(我只使用通常的SVG1.1) 最佳答案 检查UA是否支持http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow特征字符串并显示一个SVG文本区域(如果有),否则在一个foreignObject中显示一个html文

html - CSS 背景中的 SVG 未在 Safari 中显示

以下代码在Safari中不起作用,并且图像不显示。这只发生在Safari中,它适用于所有其他浏览器,我不明白为什么。这是CSS代码:.hero{background:url(images/cards.svg)no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:180px;width:100%;margin-bottom:20px;}和HTML代码:更新:上述代码在将“cards.svg”转换为JPG时有效,但我更愿

html - CSS 背景中的 SVG 未在 Safari 中显示

以下代码在Safari中不起作用,并且图像不显示。这只发生在Safari中,它适用于所有其他浏览器,我不明白为什么。这是CSS代码:.hero{background:url(images/cards.svg)no-repeatcentercenterfixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;height:180px;width:100%;margin-bottom:20px;}和HTML代码:更新:上述代码在将“cards.svg”转换为JPG时有效,但我更愿

javascript - Javascript 添加的动态 svg 元素不起作用

我真的很困惑。我有一个显示良好的静态SVG元素,但是当我从Javascript添加相同的元素时,它不显示。这是为什么?? functiondoit() { varsvgdiv=document.getElementById('svg1'); for(vark=1;k 最佳答案 使用document.createElementNS('http://www.w3.org/2000/svg','svg')代替document.createElement('svg')解释:SVG元素必须在SVG命名空间中创建,因此不能由c

javascript - Javascript 添加的动态 svg 元素不起作用

我真的很困惑。我有一个显示良好的静态SVG元素,但是当我从Javascript添加相同的元素时,它不显示。这是为什么?? functiondoit() { varsvgdiv=document.getElementById('svg1'); for(vark=1;k 最佳答案 使用document.createElementNS('http://www.w3.org/2000/svg','svg')代替document.createElement('svg')解释:SVG元素必须在SVG命名空间中创建,因此不能由c

html - 从 SVG 中删除空格

我找不到一种方法来更改下面的代码以从SVG图像中删除空白。我应该修改或删除什么来实现这个目标?我正在使用此网站编辑代码:https://petercollingridge.appspot.com/svg-editor/SVG图像如何使用此代码:参见here. 最佳答案 有人创建了一个带有脚本的jsfiddle,可以为您修剪svg,您可以找到here.如果你需要在你的项目中使用它,这里是脚本:varsvg=document.getElementsByTagName("svg")[0];varbbox=svg.getBBox();var