Initial render is not displaying correctly the path stroke using gradient def
parayacr opened this issue · 0 comments
parayacr commented
Describe the bug
Initial render is not displaying correctly the path stroke using gradient def.
This only occurs if the path is completely straight, if the node path renders with a curve it display correctly.
If you move one of the nodes, the path renders correctly with the gradient.
To Reproduce
Use a gradient def as the stroke property of a path.
<ng-template #defsTemplate>
<svg:linearGradient id="myGradient">
<svg:stop offset="0%" stop-color="green" />
<svg:stop offset="100%" stop-color="white" />
</svg:linearGradient>
</ng-template>
...
<svg:path
class="line"
stroke="url(#myGradient)"
stroke-width="2"
marker-end="url(#arrow)"
></svg:path>
Expected behavior
The initial render should show the gradient def in the path stroke.
Demo
https://stackblitz.com/edit/ngx-graph-demo-yz49uq?file=src/app/app.component.html
ngx-graph version
7.1.0 - 8.0.0-rc.2