Node lighting
Embodiments are disclosed for adding node highlighting to vector graphics. In particular, in one or more embodiments, the disclosed systems and methods comprise receiving a selection of a plurality of anchor points of a vector graphic to be highlighted, generating a graph representing one or more path objects of the vector graphic, each node of the graph corresponding to an anchor point of the one or more path objects and each connection corresponding to a path segment connecting the anchor point to another anchor point, identifying a highlight trajectory including a subset of nodes from the graph, the highlight trajectory including at least a start node and an end node, generating a highlight path including at least one or more highlight nodes corresponding to a subset of nodes from the highlight trajectory, and updating the vector graphic to include the highlight path.
1 . A method comprising:
receiving, via a user input of a graphical user interface, a first highlight parameter and a second highlight parameter associated with a vector graphic displayed on the graphical user interface, wherein the first highlight parameter is different from the second highlight parameter;
determining a highlight path of the vector graphic based on a user selection of a plurality of points of the vector graphic, wherein the highlight path includes highlight nodes that are based on the plurality of points of the vector graphic;
determining locations of highlight nodes to generate a highlighted vector graphic, wherein the highlight nodes comprise a first highlight node based on a spread parameter defined by the first highlight parameter and a first offset highlight node based on an offset value defined by the second highlight parameter; and
presenting, on the graphical user interface, the highlighted vector graphic.
2 . The method of claim 1 , wherein the spread parameter defines a width of the highlight path.
3 . The method of claim 1 , wherein the offset value defines a distance of an offset highlight path from the highlight path.
4 . The method of claim 1 , further comprising:
presenting, on the graphical user interface, the highlighted vector graphic using the highlight path, the first highlight parameter, and the second highlight parameter.
5 . The method of claim 1 , further comprising:
determining a location of the first highlight node corresponding to a first point of the plurality of points of the vector graphic, the location of the first highlight node determined using an angle associated with the first highlight node; and
determining a location of the first offset highlight node using the offset value defined by the second highlight parameter and the location of the first highlight node.
6 . The method of claim 5 , further comprising:
determining the location of the first offset highlight node using the offset value defined by the second highlight parameter and the spread parameter defined by the first highlight parameter.
7 . The method of claim 1 , wherein each of the plurality of points of the vector graphic correspond to a node of a graph representing the vector graphic, and wherein determining the highlight path of the vector graphic based on the user selection of the plurality of points of the vector graphic further comprises:
identifying at least a start node and an end node of the graph, the start node and the end node labeled by a user during the user selection of the plurality of points of the vector graphic; and
identifying at least one intermediate node based on a cursor trajectory during the user selection of the plurality of points of the vector graphic, the at least one intermediate node corresponding to a point not selected by the user.
8 . A system comprising:
a memory component; and
a processing device coupled to the memory component, the processing device to perform operations comprising:
receiving, via a user input of a graphical user interface, a first highlight parameter and a second highlight parameter associated with a vector graphic displayed on the graphical user interface, wherein the first highlight parameter is different from the second highlight parameter;
determining a highlight path of the vector graphic based on a user selection of a plurality of points of the vector graphic, wherein the highlight path includes highlight nodes that are based on the plurality of points of the vector graphic;
determining locations of highlight nodes to generate a highlighted vector graphic, wherein the highlight nodes comprise a first highlight node based on a spread parameter defined by the first highlight parameter and a first offset highlight node based on an offset value defined by the second highlight parameter; and
presenting, on the graphical user interface, the highlighted vector graphic.
9 . The system of claim 8 , wherein the spread parameter defines a width of the highlight path.
10 . The system of claim 8 , wherein the offset value defines a distance of an offset highlight path from the highlight path.
11 . The system of claim 8 , wherein the processing device performs further operations comprising:
presenting, on the graphical user interface, the highlighted vector graphic using the highlight path, the first highlight parameter, and the second highlight parameter.
12 . The system of claim 8 , wherein the processing device performs further operations comprising:
determining a location of the first highlight node corresponding to a first point of the plurality of points of the vector graphic, the location of the first highlight node determined using an angle associated with the first highlight node; and
determining a location of the first offset highlight node using the offset value defined by the second highlight parameter and the location of the first highlight node.
13 . The system of claim 12 , wherein the processing device performs further operations comprising:
determining the location of the first offset highlight node using the offset value defined by the second highlight parameter and the spread parameter defined by the first highlight parameter.
14 . The system of claim 8 , wherein each of the plurality of points of the vector graphic correspond to a node of a graph representing the vector graphic, and wherein determining the highlight path of the vector graphic based on the user selection of the plurality of points of the vector graphic causes the processing device to perform further operations comprising:
identifying at least a start node and an end node of the graph, the start node and the end node labeled by a user during the user selection of the plurality of points of the vector graphic; and
identifying at least one intermediate node based on a cursor trajectory during the user selection of the plurality of points of the vector graphic, the at least one intermediate node corresponding to a point not selected by the user.
15 . A non-transitory computer-readable medium storing executable instructions, which when executed by a processing device, cause the processing device to perform operations comprising:
receiving, via a user input of a graphical user interface, a first highlight parameter and a second highlight parameter associated with a vector graphic displayed on the graphical user interface, wherein the first highlight parameter is different from the second highlight parameter;
determining a highlight path of the vector graphic based on a user selection of a plurality of points of the vector graphic, wherein the highlight path includes highlight nodes that are based on the plurality of points of the vector graphic;
determining locations of highlight nodes to generate a highlighted vector graphic, wherein a first location of a highlight node corresponds to a first user selected point, and a next location of a highlight node corresponds to a next user selected point, wherein the first user selected point and the next user selected point are points of the user selection of the plurality of points and wherein the highlight nodes comprise a first highlight node based on a spread parameter defined by the first highlight parameter and a first offset highlight node based on an offset value defined by the second highlight parameter; and
presenting, on the graphical user interface, the highlighted vector graphic.
16 . The non-transitory computer-readable medium of claim 15 , wherein the spread parameter defines a width of the highlight path.
17 . The non-transitory computer-readable medium of claim 15 , wherein the offset value defines a distance of an offset highlight path from the highlight path.
18 . The non-transitory computer-readable medium of claim 15 , storing instructions that further cause the processing device to perform operations comprising:
presenting, on the graphical user interface, the highlighted vector graphic using the highlight path, the first highlight parameter, and the second highlight parameter.
19 . The non-transitory computer-readable medium of claim 15 , storing instructions that further cause the processing device to perform operations comprising: determining a location of the first highlight node corresponding to a first point of the plurality of points of the vector graphic, the location of the first highlight node determined using an angle associated with the first highlight node; and determining a location of the first offset highlight node using an offset value defined by the second highlight parameter and the location of the first highlight node.
20 . The non-transitory computer-readable medium of claim 19 , storing instructions that further cause the processing device to perform operations comprising: determining the location of the first offset highlight node using the offset value defined by the second highlight parameter and the spread parameter defined by the first highlight parameter.