html - Why vector-effect="non-scaling-stroke has no effect in this SVG in the case of Chrome

Question

Welcome To Ask or Share your Answers For Others

html - Why vector-effect="non-scaling-stroke has no effect in this SVG in the case of Chrome

posted Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

html - Why vector-effect="non-scaling-stroke has no effect in this SVG in the case of Chrome

Why vector-effect="non-scaling-stroke" has no effect in Chrome for the inline SVG image below:

<html>
<body>
    <svg width="30%" height="30%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1 1" preserveAspectRatio="none" overflow="visible" transform="scale(1.2 0.25)">
        <path vector-effect="non-scaling-stroke" d="M 0.4753583871937622 0.6608591299486408 C 0.5821695696760636 0.5334925745067387,0.615886648530435 0.2657680135400552,0.5491853592456778 0.29989808951693453 C 0.4154296771790341 0.3683389193753329,0.09737841252353718 0.7538702564213127,0.07444444449096066 0.8660009416191963 C 0.060464926497579397 0.9343507766371657,0.34479911229870497 0.8165440005578697,0.4753583871937622 0.6608591299486408" fill="transparent" stroke="black" stroke-width="10px"></path>
    </svg>
</body>
</html>

question from:https://stackoverflow.com/questions/65541072/why-vector-effect-non-scaling-stroke-has-no-effect-in-this-svg-in-the-case-of-c

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…