8赞

当我指定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"它将为您进行像素舍入,但即使在圆形对象上也会产生锐边:



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        Julia矩阵乘法比numpy慢
                    

                    
                                                
                        如何解决《Julia矩阵乘法比numpy慢》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Cognito和DynamoDB:"未授权执行:dynamodb:资源上的UpdateItem"
                    

                    
                                                
                        如何解决《Cognito和DynamoDB:"未授权执行:dynamodb:资源上的UpdateItem"》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        C#Int32:m_value
                    

                    
                                                
                        如何解决《C#Int32:m_value》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在QT构建期间禁用Qt Wayland模块？
                    

                    
                                                
                        如何解决《如何在QT构建期间禁用QtWayland模块？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        强制div具有背景图像的大小
                    

                    
                                                
                        如何解决《强制div具有背景图像的大小》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        我们如何使用规则的服务
                    

                    
                                                
                        如何解决《我们如何使用规则的服务》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从推送重置应用程序图标上的徽章
                    

                    
                                                
                            
                        
                                                
                        如何解决《从推送重置应用程序图标上的徽章》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        连接到Web服务会导致com.sun.xml.internal.ws.client.ClientTransportException：服务器发送了HTTP状态代码200：确定
                    

                    
                                                
                        如何解决《连接到Web服务会导致com.sun.xml.internal.ws.client.ClientTransportException：服务器发送了HTTP状态代码200：确定》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        自定义和非托管用户模型/ Lagacy用户表
                    

                    
                                                
                        如何解决《自定义和非托管用户模型/Lagacy用户表》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用jOOQ 3.6 +,纯SQL和javac编译器进行慢速编译
                    

                    
                                                
                        如何解决《使用jOOQ3.6+,纯SQL和javac编译器进行慢速编译》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在Jenkins中创建具有特定风味的.apk？
                    

                    
                                                
                            
                        
                                                
                        如何解决《如何在Jenkins中创建具有特定风味的.apk？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用airplay播放音频时如何减少截止？
                    

                    
                                                
                        如何解决《使用airplay播放音频时如何减少截止？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用Swift和NSURLSession固定的iOS证书
                    

                    
                                                
                        如何解决《使用Swift和NSURLSession固定的iOS证书》经验，为你挑选了4个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用基于集合的方法获取给定日期范围之间的特定日期
                    

                    
                                                
                            
                        
                                                
                        如何解决《使用基于集合的方法获取给定日期范围之间的特定日期》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        tensorflow.equal()上的形状不相容,用于正确的预测评估
                    

                    
                                                
                        如何解决《tensorflow.equal()上的形状不相容,用于正确的预测评估》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        获取除不可选元素之外的选定文本
                    

                    
                                                
                        如何解决《获取除不可选元素之外的选定文本》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在TinyMCE中设置数据URI
                    

                    
                                                
                        如何解决《在TinyMCE中设置数据URI》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        无法创建oauth客户端ID（Google开发者控制台）
                    

                    
                                                
                        如何解决《无法创建oauth客户端ID（Google开发者控制台）》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何在不引起UB的情况下将字节序列重新解释为POD结构？
                    

                    
                                                
                        如何解决《如何在不引起UB的情况下将字节序列重新解释为POD结构？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        在带有DI的Play 2.4中,如何在"安全"特性中使用服务类？
                    

                    
                                                
                        如何解决《在带有DI的Play2.4中,如何在"安全"特性中使用服务类？》经验，为你挑选了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使用10**9超过10亿的成本？
                
                                
                    2support.v7.widgets和android.widgets Toolbar,Fragment之间的区别
                
                                
                    3AVR如何执行浮点运算
                
                                
                    4当通过本地apache发送请求时,POST转换为GET
                
                                
                    5具有客户端访问控制的Mongodb docker容器
                
                                
                    6C中for循环中的操作顺序
                
                                
                    7为什么strtod没有以正确的方式工作？
                
                                
                    8如何从源更新Tensorflow
                
                                
                    9Browserify/Babelify React用于生产(NODE_ENV生产)
                
                                
                    10如何在弹簧靴中注册自定义转换器？
                
                                
                    11我想在CXF codegen上添加@XmlRoot注释
                
                                
                    12如何在夜班表测试中绕过人员检查？
                
                                
                    13如何最小化webpack捆绑的大小？
                
                                
                    14如何计算所选元素的数量？
                
                                
                    15CKModifyRecordsOperation modifyRecordsCompletionBlock未被调用
                
                                
                    16sql否定运算符:!= vs <>
                
                                
                    17为什么"a:悬停必须来自:链接和a:访问过(w3school)"？
                
                                
                    18Java QueryDsl是否为“更新myTable其中myColumn在（'有趣'，'值'）中”？
                
                                
                    19Django：将用户上传内容保存在单独的文件夹中
                
                                
                    20Android AlertDialog标题背景颜色