Internet Explorer中带有阴影的SVG文本

作者：TXCWB_523 | 2023-09-10 14:45

如何解决《InternetExplorer中带有阴影的SVG文本》经验，为你挑选了1个好方法。

这是一个带有文本元素的简单SVG的示例.为了便于阅读,我希望文本周围有一个阴影.我使用CSS实现了这样的解决方案:text-shadow.

这是文本元素:






JSFiddle与SVG

这适用于Chrome和Firefox.但影子在IE中不可见.据我所知,IE支持文本阴影,但不支持SVG.是否有替代解决方案,以获得类似的效果？从IE 9开始会很棒,但如果它只有10或11也会很好.

编辑:我正在寻找一个SVG解决方案.SVG用作地图的一部分,因此进行平移和缩放.因此,使用HTML元素的解决方案并不是很有用.


1> 小智..：
您可以使用表单的等效SVG过滤器替换单个CSS文本阴影...


    
    
    
    
    
        
        
    



只需填写半径,offset-x,offset-y和颜色值即可.

您的CSS示例组合了四个偏移非模糊阴影.等效的SVG过滤器可能看起来像......



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        具有Identity 2.2.1中的角色列表的用户列表
                    

                    
                                                
                            
                        
                                                
                        如何解决《具有Identity2.2.1中的角色列表的用户列表》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        获取页面语言并通过polylang重定向到相同语言的页面
                    

                    
                                                
                        如何解决《获取页面语言并通过polylang重定向到相同语言的页面》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        numpy.core.multiarray无法导入
                    

                    
                                                
                        如何解决《numpy.core.multiarray无法导入》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从Docker容器中获取环境变量
                    

                    
                                                
                        如何解决《从Docker容器中获取环境变量》经验，为你挑选了5个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何追踪"libc ++ abi.dylib:称为纯虚函数!" 在Xcode中
                    

                    
                                                
                        如何解决《如何追踪"libc++abi.dylib:称为纯虚函数!"在Xcode中》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何摆脱那个讨厌的领先加号？
                    

                    
                                                
                        如何解决《如何摆脱那个讨厌的领先加号？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Silverstripe  - 设置现有站点的本地副本
                    

                    
                                                
                        如何解决《Silverstripe-设置现有站点的本地副本》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何使用ansible创建IAM用户,如文档中所示？
                    

                    
                                                
                        如何解决《如何使用ansible创建IAM用户,如文档中所示？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        iOS:使用Swift2删除.DocumentDirectory中的文件
                    

                    
                                                
                        如何解决《iOS:使用Swift2删除.DocumentDirectory中的文件》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        有没有办法在ElasticsearchRepository中使用规范？
                    

                    
                                                
                        如何解决《有没有办法在ElasticsearchRepository中使用规范？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        禁用渴望的关系
                    

                    
                                                
                        如何解决《禁用渴望的关系》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        python中的排序列表 - 优先
                    

                    
                                                
                        如何解决《python中的排序列表-优先》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何找到逻辑回归模型的特征的重要性？
                    

                    
                                                
                        如何解决《如何找到逻辑回归模型的特征的重要性？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何通过Canvas DrawBitmap绘制位图的一部分
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何通过CanvasDrawBitmap绘制位图的一部分》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        react-bootstrap-table双头
                    

                    
                                                
                            
                        
                                                
                        如何解决《react-bootstrap-table双头》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Python:从"元组列表"生成一组"元组",不考虑顺序
                    

                    
                                                
                        如何解决《Python:从"元组列表"生成一组"元组",不考虑顺序》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Spring从磁盘上的外部文件夹获取文件和图像,在webapps之外？
                    

                    
                                                
                        如何解决《Spring从磁盘上的外部文件夹获取文件和图像,在webapps之外？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Perl重试闹钟
                    

                    
                                                
                        如何解决《Perl重试闹钟》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Mixinig异步上下文管理器并直接等待asyncio
                    

                    
                                                
                        如何解决《Mixinig异步上下文管理器并直接等待asyncio》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        改造GSON响应摘要映射
                    

                    
                                                
                        如何解决《改造GSON响应摘要映射》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

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
























    

    
        
            
            
                
                    
                
            

            
                TXCWB_523            

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

                                
                    
                    关注作者
                            

        
    


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


    
        RankList | 热门文章
        
            
                                
                    1Git分支在Jenkins中用groovy脚本选择
                
                                
                    2来自UITableView的错误值:iOS8中的rowHeight
                
                                
                    3使用jasmine模拟函数调用
                
                                
                    4SharePoint 2010 Web服务上的Java JBoss 401错误
                
                                
                    5在绘图箱上绘图 - 如何及时跟上鼠标移动？
                
                                
                    6如何在每个<ul>的最后一个<li>之后删除所有文本？
                
                                
                    7摆动假设 - 红宝石中字符串数组的组合或排列
                
                                
                    8Stata foreach回归循环错误
                
                                
                    9使用okHttp信任所有证书
                
                                
                    10mock.patch()没有修补类调用函数调用内的几个级别的类
                
                                
                    11如何找到R中最长的相同数字
                
                                
                    12如何在PX中设置DP的高度和宽度
                
                                
                    13如何使用Bootstrap在选项卡组件的末尾显示文本/按钮？
                
                                
                    14如何在Spring数据JPA中做AND和多个OR参数方法
                
                                
                    15xcode 6.1更新后找不到#import <libxml/tree.h>文件
                
                                
                    16在Go切片中,为什么s [lo:hi]在元素hi-1处结束？
                
                                
                    17Rust没有运行helloworld示例
                
                                
                    18如何在创建新类时指定超类
                
                                
                    19Google协作平台API全文搜索不适用于非西方语言
                
                                
                    20opencv中的filter2D真的可以完成它的工作吗？