WebKit Bugzilla
New
Browse
Search+
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
NEW
208441
SVG line stroke-linecap="round" and vector-effect="non-scaling-stroke". Scaling still occurs.
https://bugs.webkit.org/show_bug.cgi?id=208441
Summary
SVG line stroke-linecap="round" and vector-effect="non-scaling-stroke". Scali...
Leigh Williams
Reported
2020-03-02 03:59:36 PST
Created
attachment 392127
[details]
Test case reduction When using both stroke-linecap="round" and vector-effect="non-scaling-stroke" with an SVG line element, the linecap is still scaling. See attachment for example.
Attachments
Test case reduction
(784 bytes, text/html)
2020-03-02 03:59 PST
,
Leigh Williams
no flags
Details
Test case reduction 2
(1013 bytes, text/html)
2020-03-02 04:28 PST
,
Leigh Williams
no flags
Details
Usecase
(47.76 KB, image/png)
2020-03-11 03:59 PDT
,
Leigh Williams
no flags
Details
Workaround
(790 bytes, text/html)
2020-03-11 04:20 PDT
,
Leigh Williams
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Leigh Williams
Comment 1
2020-03-02 04:28:26 PST
Created
attachment 392129
[details]
Test case reduction 2
Leigh Williams
Comment 2
2020-03-02 04:31:19 PST
I should note. This only occurs when the line begins and ends on the same coordinates. I've attached another test case to illustrate this.
Said Abou-Hallawa
Comment 3
2020-03-02 17:56:16 PST
***
Bug 208475
has been marked as a duplicate of this bug. ***
Radar WebKit Bug Importer
Comment 4
2020-03-02 22:54:42 PST
<
rdar://problem/59983994
>
Leigh Williams
Comment 5
2020-03-11 03:59:43 PDT
Created
attachment 393216
[details]
Usecase I've attached an image of my use case. I'm drawing a graph. The SVG has `preserveAspectRatio="none"` set which means the graph lines are responsive to changes in the size of the SVG. The white dots follow the position of the mouse cursor. I don't want these to scale with the SVG.
Leigh Williams
Comment 6
2020-03-11 04:20:27 PDT
Created
attachment 393221
[details]
Workaround I've attached an example of a workaround. By slightly offsetting the x1 of the <line>, the circle appears round in Safari.
Ahmad Saleem
Comment 7
2023-01-01 06:27:42 PST
Is by any change these are related?
bug 249265
Woody Lee
Comment 8
2025-03-31 22:58:20 PDT
Maybe related to
https://bugs.webkit.org/show_bug.cgi?id=256064
and
https://bugs.webkit.org/show_bug.cgi?id=215659
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug