为什么SVG中的<use>标签不起作用？

作者：地之南_816 | 2023-09-06 16:55

如何解决《为什么SVG中的<use>标签不起作用？》经验，为你挑选了2个好方法。

我有以下简单的例子.它存储在image.svg中:






但是,将此代码放在HTML文件中不会加载任何内容.这是为什么？






我究竟做错了什么？我似乎无法使其发挥作用.


1> lonesomeday..：
如果您使用其他文档中的元素,则必须指定文档!




这意味着"使用#shape当前文档中的元素".

要从另一个文档导入,您需要在xlink:href属性中添加对SVG文件的引用:




显然你需要在这里检查路径是否正确.请注意,虽然可以使用polyfill,但在任何版本的Internet Explorer中都不支持此功能.

        

2> Ruskin..：
对于外部svg文件,你需要命名空间...我添加了一个填充来渲染圆圈,否则它将是透明的:



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        在data.table上使用geosphere distm函数来计算距离
                    

                    
                                                
                        如何解决《在data.table上使用geospheredistm函数来计算距离》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从Python NLTK调用斯坦福NER崩溃
                    

                    
                                                
                        如何解决《从PythonNLTK调用斯坦福NER崩溃》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何使$ q等待多个异步任务？
                    

                    
                                                
                        如何解决《如何使$q等待多个异步任务？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Dockerfile:将RUN指令输出到变量中
                    

                    
                                                
                        如何解决《Dockerfile:将RUN指令输出到变量中》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用node.js child_process调用python脚本
                    

                    
                                                
                        如何解决《使用node.jschild_process调用python脚本》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Pyspark RDD首先收集163排
                    

                    
                                                
                        如何解决《PysparkRDD首先收集163排》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Android蓝牙低功耗代码兼容API> = 21 AND API <21
                    

                    
                                                
                        如何解决《Android蓝牙低功耗代码兼容API>=21ANDAPI<21》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在python中获取SQL查询的表列名/标题
                    

                    
                                                
                        如何解决《如何在python中获取SQL查询的表列名/标题》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在Python的scikit-learn中访问树深度？
                    

                    
                                                
                        如何解决《如何在Python的scikit-learn中访问树深度？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Linq反向字符串c#
                    

                    
                                                
                        如何解决《Linq反向字符串c#》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何匹配Rust宏中表达式的类型？
                    

                    
                                                
                        如何解决《如何匹配Rust宏中表达式的类型？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Python:只保留字符串中的字母
                    

                    
                                                
                        如何解决《Python:只保留字符串中的字母》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在石墨/ grafana中查询"all but one"
                    

                    
                                                
                        如何解决《如何在石墨/grafana中查询"allbutone"》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如果bool数组中的所有元素都为真？
                    

                    
                                                
                        如何解决《如果bool数组中的所有元素都为真？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何删除字符串末尾的换行符？
                    

                    
                                                
                        如何解决《如何删除字符串末尾的换行符？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        XPages REST服务和外部系统身份验证
                    

                    
                                                
                        如何解决《XPagesREST服务和外部系统身份验证》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        为什么redux建议只连接到顶级组件？
                    

                    
                                                
                        如何解决《为什么redux建议只连接到顶级组件？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        php -l:抑制有效文件的输出
                    

                    
                                                
                        如何解决《php-l:抑制有效文件的输出》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        我可以将ionic serve设置为默认不打开浏览器吗？
                    

                    
                                                
                        如何解决《我可以将ionicserve设置为默认不打开浏览器吗？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        是否可以将perror()生成的消息发送到/ var/log/syslog？
                    

                    
                                                
                        如何解决《是否可以将perror()生成的消息发送到/var/log/syslog？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                地之南_816            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    ajax
                
                                
                    bootstrap
                
                                
                    chart
                
                                
                    chrome
                
                                
                    css
                
                                
                    css3
                
                                
                    firebug
                
                                
                    firefox
                
                                
                    html
                
                                
                    html5
                
                                
                    javascript
                
                                
                    jquery
                
                                
                    json
                
                                
                    node.js
                
                                
                    npm
                
                                
                    postman
                
                                
                    vue.js
                
                                
                    webkit
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1CGAL:如何有效地计算多面体的刻面面积？
                
                                
                    2Lisp :( A(BC)),为什么1个列表和1个原子？
                
                                
                    3Javascript随机排序与种子
                
                                
                    4为什么这些prog模式键绑定在emacs-lisp-mode中不起作用？
                
                                
                    5新手jquery语法错误
                
                                
                    6Chrome devtools扩展控制台
                
                                
                    7计算appwidget的高度
                
                                
                    8ActionBarSherlock与最新的MVVMCross
                
                                
                    9在命令替换中转义AWK中的反斜杠
                
                                
                    10将两个或多个xls文件合并为工作表PHPExcel
                
                                
                    11使用GlassFish部署Java应用程序时出错
                
                                
                    12正确实例化UISearchDisplayController
                
                                
                    13Fusion Location Provider API声称,位置更新无法在室内工作
                
                                
                    14编写python闭包的更好方法是什么？
                
                                
                    15迭代地使用sscanf解析字符串输入
                
                                
                    16使空间像Visual Studio中的选项卡一样工作的提示
                
                                
                    17字符串中的PowerShell ToUpper()
                
                                
                    18WPF ListView VerticalScrollBar未显示
                
                                
                    19远程过程调用(RPC)协议流不正确
                
                                
                    20使用Doxygen生成图形和图表