草庐IT

mermaid-svg-Rc

全部标签

html - 如何使 <svg> 100% 宽度

我正在尝试制作这个元素拉伸(stretch)到屏幕宽度的100%:我需要做什么? 最佳答案 viewBox定义了您可以看到的坐标。高度和宽度定义了SVG的大小。例如html,body{width:100%;height:100%;} 关于html-如何使100%宽度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32029094/

html - 如何使 <svg> 100% 宽度

我正在尝试制作这个元素拉伸(stretch)到屏幕宽度的100%:我需要做什么? 最佳答案 viewBox定义了您可以看到的坐标。高度和宽度定义了SVG的大小。例如html,body{width:100%;height:100%;} 关于html-如何使100%宽度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32029094/

html - 如何使用 ID 处理 Sketch 导出的 SVG

我想在我的页面中使用svg图标。与我合作的设计师使用Sketch设计图像并将结果导出为svg。Sketch将各种id标签添加到导出的代码中(注意id="Page-1"、id="My-Star"和id="Star-1"属性):我将svg直接包含在html中。通过这样做,我多次引入相同的id。除了这种工作方式导致的无效html之外,我还需要根据id设置svg元素的样式。这是一种不好的做法。我使用css来设置svgs的样式,看看example问题:从Sketch导出svg时,有没有办法用class替换id?是否有一些插件或设置可以提供给设计师?如果不是,从设计师那里接收svgAssets并在

html - 如何使用 ID 处理 Sketch 导出的 SVG

我想在我的页面中使用svg图标。与我合作的设计师使用Sketch设计图像并将结果导出为svg。Sketch将各种id标签添加到导出的代码中(注意id="Page-1"、id="My-Star"和id="Star-1"属性):我将svg直接包含在html中。通过这样做,我多次引入相同的id。除了这种工作方式导致的无效html之外,我还需要根据id设置svg元素的样式。这是一种不好的做法。我使用css来设置svgs的样式,看看example问题:从Sketch导出svg时,有没有办法用class替换id?是否有一些插件或设置可以提供给设计师?如果不是,从设计师那里接收svgAssets并在

javascript - 在 HTML 文档中使用鼠标滚轮进行 SVG 缩放

我正在尝试在HTML文档中实现一项功能,该功能允许用户在嵌入式SVG“框”中进行拖动和缩放...我找到了this,但很快就意识到该脚本仅适用于纯SVG文件...请记住,我是一名程序员,过去半年一直专门使用汇编语言。从那个环境跳到这个抽象环境是一个巨大的进步。现在我正试图弄清楚缩放部分:所以我制作了这个HTML文件:ForumRisk!v0.0.1-->svglib.js的内容是:varscrollSensitivity=0.2functionmouseWheelHandler(e){varevt=window.event||e;varscroll=evt.detail?evt.deta

javascript - 在 HTML 文档中使用鼠标滚轮进行 SVG 缩放

我正在尝试在HTML文档中实现一项功能,该功能允许用户在嵌入式SVG“框”中进行拖动和缩放...我找到了this,但很快就意识到该脚本仅适用于纯SVG文件...请记住,我是一名程序员,过去半年一直专门使用汇编语言。从那个环境跳到这个抽象环境是一个巨大的进步。现在我正试图弄清楚缩放部分:所以我制作了这个HTML文件:ForumRisk!v0.0.1-->svglib.js的内容是:varscrollSensitivity=0.2functionmouseWheelHandler(e){varevt=window.event||e;varscroll=evt.detail?evt.deta

javascript - 使用 jQuery 从 DOM 中删除 SVG 元素

我正在使用jQuery将元素添加到嵌入式SVG,如下所示:varrect=SVG('rect');$(rect).attr({x:left,y:top,width:right-left,height:bottom-top,style:style});$(parentElement).append(rect);parentElement可以是例如$('g:first',svgRoot),其中svgRoot指的是嵌入的SVG元素。functionSVG(elementName){returndocument.createElementNS('http://www.w3.org/2000/s

javascript - 使用 jQuery 从 DOM 中删除 SVG 元素

我正在使用jQuery将元素添加到嵌入式SVG,如下所示:varrect=SVG('rect');$(rect).attr({x:left,y:top,width:right-left,height:bottom-top,style:style});$(parentElement).append(rect);parentElement可以是例如$('g:first',svgRoot),其中svgRoot指的是嵌入的SVG元素。functionSVG(elementName){returndocument.createElementNS('http://www.w3.org/2000/s

xml - 在网页中嵌入时,是否需要将 xml header 保留在 svg 文件中

我有一个SVG图像,我想将其嵌入网页(在html文件中)我用Adob​​eIllustrator创建了图像,它包含以下标题:...我需要xml和DOCTYPE声明吗?或者只是嵌入的内容标签没问题? 最佳答案 在HTML页面或另一个SVG中嵌入SVG时,应删除XML标题行。更新澄清一下:格式良好的XML文档只包含一个序言。因此,如果您将一个SVG嵌入到另一个SVG中,则应删除它们。请参阅:http://www.w3.org/TR/2008/REC-xml-20081126/#dt-wellformed在HTML文件中嵌入SVG时,您可

xml - 在网页中嵌入时,是否需要将 xml header 保留在 svg 文件中

我有一个SVG图像,我想将其嵌入网页(在html文件中)我用Adob​​eIllustrator创建了图像,它包含以下标题:...我需要xml和DOCTYPE声明吗?或者只是嵌入的内容标签没问题? 最佳答案 在HTML页面或另一个SVG中嵌入SVG时,应删除XML标题行。更新澄清一下:格式良好的XML文档只包含一个序言。因此,如果您将一个SVG嵌入到另一个SVG中,则应删除它们。请参阅:http://www.w3.org/TR/2008/REC-xml-20081126/#dt-wellformed在HTML文件中嵌入SVG时,您可