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过滤器可能看起来像......



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        Xcode错误"无法安装应用程序... [appname] .app需要[devicename]不支持的"z"功能
                    

                    
                                                
                            
                        
                                                
                        如何解决《Xcode错误"无法安装应用程序[appname].app需要[devicename]不支持的"z"功能》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        删除链接不工作凤凰
                    

                    
                                                
                        如何解决《删除链接不工作凤凰》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        void*是否合法使用？
                    

                    
                                                
                        如何解决《void*是否合法使用？》经验，为你挑选了5个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        为什么这个函数不返回一个可以使用ListToArray或ValueList的字符串？
                    

                    
                                                
                        如何解决《为什么这个函数不返回一个可以使用ListToArray或ValueList的字符串？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        golang通过反射从接口获取结构
                    

                    
                                                
                        如何解决《golang通过反射从接口获取结构》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Spring Boot RandomValuePropertySource嵌套属性
                    

                    
                                                
                        如何解决《SpringBootRandomValuePropertySource嵌套属性》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        是非常积极的
                    

                    
                                                
                        如何解决《是非常积极的》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在C++ 14 Standard中,它表示非constexpr函数不能用于constexpr函数的定义吗？
                    

                    
                                                
                        如何解决《在C++14Standard中,它表示非constexpr函数不能用于constexpr函数的定义吗？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在选定的选项卡上加载内容(基础)
                    

                    
                                                
                        如何解决《在选定的选项卡上加载内容(基础)》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Schedulers.io()没有返回主线程
                    

                    
                                                
                        如何解决《Schedulers.io()没有返回主线程》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        PHP相对路径:我可以配置吗？
                    

                    
                                                
                        如何解决《PHP相对路径:我可以配置吗？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        具有相等参数类型的可变参数模板函数
                    

                    
                                                
                        如何解决《具有相等参数类型的可变参数模板函数》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法从Google官方网页获取Google Analytics配置文件
                    

                    
                                                
                            
                        
                                                
                        如何解决《无法从Google官方网页获取GoogleAnalytics配置文件》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        只有CSS发生变化时,Gulp livereload会重新加载整个页面
                    

                    
                                                
                        如何解决《只有CSS发生变化时,Gulplivereload会重新加载整个页面》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        基于UIlabel行计数扩展tableviewcell
                    

                    
                                                
                            
                        
                                                
                        如何解决《基于UIlabel行计数扩展tableviewcell》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Eclipse时,Maven编译失败并显示"找不到符号",它编译
                    

                    
                                                
                        如何解决《使用Eclipse时,Maven编译失败并显示"找不到符号",它编译》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        数组初始化需要括号括起的初始化列表lambda
                    

                    
                                                
                        如何解决《数组初始化需要括号括起的初始化列表lambda》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Firefox:"此页面的某些部分不安全,例如图片." 什么算不安全？
                    

                    
                                                
                            
                        
                                                
                        如何解决《Firefox:"此页面的某些部分不安全,例如图片."什么算不安全？》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Chart.js设计条形图和线条
                    

                    
                                                
                            
                        
                                                
                        如何解决《使用Chart.js设计条形图和线条》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        ASP.NET成员资格HashAlgorithmType默认为HMACSHA256,密码哈希键是否也是如此？
                    

                    
                                                
                        如何解决《ASP.NET成员资格HashAlgorithmType默认为HMACSHA256,密码哈希键是否也是如此？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "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 | 热门文章
        
            
                                
                    1通过ng-click将ng-model变量传递给函数
                
                                
                    2MYSQL:select的意外结果
                
                                
                    3Docker容器集群
                
                                
                    4Chrome控制台清除分配和变量
                
                                
                    5R  -  dplyr融合配对数据的交叉
                
                                
                    6Java仍在运行时重新创建日志文件
                
                                
                    7收益率是否可以折返？
                
                                
                    8MySQL  - 从timestamp列选择每2小时的间隔
                
                                
                    9此子查询出错
                
                                
                    10Visual Studio 2015不断切换启动项目
                
                                
                    11使用Dapper自动映射输出参数
                
                                
                    12如何清除数组中的TextField？
                
                                
                    13将语言更改为Bootstrap Datetimepicker
                
                                
                    14文件系统变为只读时的弹性搜索
                
                                
                    15如何阅读appSettings键
                
                                
                    16如何从几个INSERT中插入id
                
                                
                    17从javascript onclick返回值到变量或使用onclick更改全局变量
                
                                
                    18按函数名称c ++ 11参数化模板
                
                                
                    19UWP App中的计时器未链接到UI
                
                                
                    20ViewPager addOnPageChangeListener不在同一个tabClick上工作