Bug 208441

Summary: SVG line stroke-linecap="round" and vector-effect="non-scaling-stroke". Scaling still occurs.
Product: WebKit Reporter: Leigh Williams <leighwilliams>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, keyamoon, richard.a.harris, webkit-bug-importer, woodlxf00, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 13   
Hardware: Mac   
OS: macOS 10.15   
See Also: https://bugs.webkit.org/show_bug.cgi?id=208475
Attachments:
Description Flags
Test case reduction
none
Test case reduction 2
none
Usecase
none
Workaround none

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
Note You need to log in before you can comment on or make changes to this bug.