9赞

当我指定1px时,为什么我的SVG线条模糊或高度为2px？

作者：我我檬檬我我186 | 2023-09-10 14:35

如何解决《当我指定1px时,为什么我的SVG线条模糊或高度为2px？》经验，为你挑选了1个好方法。

我正在创建一个SVG线,它在我的网页中显得模糊.更清楚的是,它看起来比1px的笔划宽度大.为什么会发生这种情况,有没有办法在SVG中修复它？

这是代码.当我自己运行此代码时,它并不模糊.当它在我的网页中时,该线看起来大约是2px而不是1.

#HorizontalLine1178  {
	stroke:rgb(154,154,154);
	stroke-width:1;
}







1> myf..：
因为当它的Y坐标位于整个像素上时,1px笔划就在它周围,从而"抗锯齿"(参考Paul LeBeau的优秀插图).在这种情况下使用半像素坐标,或应用shape-rendering="crispEdges"它将为您进行像素舍入,但即使在圆形对象上也会产生锐边:



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        如何在Typescript接口文件中表示返回类型？
                    

                    
                                                
                        如何解决《如何在Typescript接口文件中表示返回类型？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从@EmbeddedId类中提取超类时,实体没有持久的id属性
                    

                    
                                                
                        如何解决《从@EmbeddedId类中提取超类时,实体没有持久的id属性》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Volley请求发送身份验证信息
                    

                    
                                                
                        如何解决《使用Volley请求发送身份验证信息》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在java age计算中返回错误的值
                    

                    
                                                
                        如何解决《在javaage计算中返回错误的值》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在API级别19以下的Android中选择文件或图像时,如何限制Google驱动器选项不显示？
                    

                    
                                                
                        如何解决《在API级别19以下的Android中选择文件或图像时,如何限制Google驱动器选项不显示？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        访问包含在匿名类型或Object类中的字段
                    

                    
                                                
                        如何解决《访问包含在匿名类型或Object类中的字段》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法让pyspark作业在hadoop群集的所有节点上运行
                    

                    
                                                
                            
                        
                                                
                        如何解决《无法让pyspark作业在hadoop群集的所有节点上运行》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        将"Arial"设置为Sitecore文本编辑器中的默认字体
                    

                    
                                                
                        如何解决《将"Arial"设置为Sitecore文本编辑器中的默认字体》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用高级API从特定偏移量开始读取kafka消息
                    

                    
                                                
                        如何解决《使用高级API从特定偏移量开始读取kafka消息》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        试图在MultiDex应用程序中测试Android模块,com.android.test.runner.MultiDexTestRunner无法识别
                    

                    
                                                
                        如何解决《试图在MultiDex应用程序中测试Android模块,com.android.test.runner.MultiDexTestRunner无法识别》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        CSS放在名称的圆圈第一个字母中
                    

                    
                                                
                            
                        
                                                
                        如何解决《CSS放在名称的圆圈第一个字母中》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何正确叠加图层列表中的位图和形状
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何正确叠加图层列表中的位图和形状》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Passport和connect-flash:req.flash不是一个函数
                    

                    
                                                
                        如何解决《Passport和connect-flash:req.flash不是一个函数》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        暂时以编程方式禁用Qt中的屏幕旋转
                    

                    
                                                
                        如何解决《暂时以编程方式禁用Qt中的屏幕旋转》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        MVC RazorGenerator-“类型（...）已经定义了具有相同参数类型的名为'Execute'的成员”
                    

                    
                                                
                            
                        
                                                
                        如何解决《MVCRazorGenerator-“类型（）已经定义了具有相同参数类型的名为'Execute'的成员”》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        PHP日期实际年份
                    

                    
                                                
                        如何解决《PHP日期实际年份》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        滑动BottomSheet像谷歌地图
                    

                    
                                                
                            
                        
                                                
                        如何解决《滑动BottomSheet像谷歌地图》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何查看英特尔ICC编译器上启用了哪些编译选项？
                    

                    
                                                
                        如何解决《如何查看英特尔ICC编译器上启用了哪些编译选项？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Wildfly服务器的HTTP访问文件
                    

                    
                                                
                        如何解决《使用Wildfly服务器的HTTP访问文件》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Ruby  - "做"循环和"救援"
                    

                    
                                                
                        如何解决《Ruby-"做"循环和"救援"》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

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
























    

    
        
            
            
                
                    
                
            

            
                我我檬檬我我186            

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

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1(设置)swift中的关键字
                
                                
                    2kendo ui imagebrowser默认图像文件夹
                
                                
                    3Selenium Crashing:Chrome自动化扩展已经崩溃
                
                                
                    4线程内存布局
                
                                
                    5如何让bootstrap模式从底部淡入？
                
                                
                    6PhP导出.csv将分隔符从逗号更改为其他人
                
                                
                    7无法链接到HTML中的CSS
                
                                
                    8InnoDB怎么可能在一行上死锁？
                
                                
                    9仅返回BigQuery表中包含重复项的最新行
                
                                
                    10在C中,为什么"signed int"比"unsigned int"更快？
                
                                
                    11"Angular 2.0 for TypeScript"(alpha)动画如何工作？
                
                                
                    12如何在coldFusion应用程序中找到自定义标记实例
                
                                
                    13如何使用jq获取找到的值的索引路径？
                
                                
                    14通过Gmail API发送包含纯文本后备的HTML电子邮件
                
                                
                    15ggplot中的散点图像barplot一样堆叠
                
                                
                    16转换在Visual Studio 2015中不明确,但与clang不同
                
                                
                    17检索CMake中的所有链接标志
                
                                
                    18如何在sql case语句中使用> = condition？
                
                                
                    19哪一个在react/redux应用程序中保存服务实例？
                
                                
                    20执行命令和流结果