issue153:inkscape
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédente | Dernière révisionLes deux révisions suivantes | ||
issue153:inkscape [2020/02/10 07:43] – d52fr | issue153:inkscape [2020/02/10 09:35] – auntiee | ||
---|---|---|---|
Ligne 4: | Ligne 4: | ||
• Add another line to the setAttribute() call to include the skewY() function in the transform attribute, passing the value of the skewYAmount variable via the template string.** | • Add another line to the setAttribute() call to include the skewY() function in the transform attribute, passing the value of the skewYAmount variable via the template string.** | ||
- | La dernière fois, nous avons commencé à travailler sur un fichier SVG qui utilise | + | La dernière fois, nous avons commencé à travailler sur un fichier SVG qui utilise |
••Créer trois nouvelles propriétés dans l' | ••Créer trois nouvelles propriétés dans l' | ||
••Insérer un autre bloc de code pour calculer la valeur courante de la fonction skewY(), compte-tenu de l' | ••Insérer un autre bloc de code pour calculer la valeur courante de la fonction skewY(), compte-tenu de l' | ||
- | ••Ajouter une autre ligne à l' | + | ••Ajouter une autre ligne à l' |
**I also left you with something of a puzzle: with the addition of the skewX() function, the square doesn’t just rotate and skew in the middle of the screen as you might expect; instead it moves wildly in and out of the browser window as it rotates. Adding the skewY() function simply exacerbates the problem. Why does it do that? And how can we get the behaviour we expected? | **I also left you with something of a puzzle: with the addition of the skewX() function, the square doesn’t just rotate and skew in the middle of the screen as you might expect; instead it moves wildly in and out of the browser window as it rotates. Adding the skewY() function simply exacerbates the problem. Why does it do that? And how can we get the behaviour we expected? | ||
Ligne 13: | Ligne 13: | ||
The reason is quite simple: whereas the rotate() function has an optional pair of parameters for setting the center of rotation, there’s no equivalent for the skew functions. Skewing takes place relative to a baseline, rather than a single point, but there’s no generic skew() function that lets you specify this baseline via two sets of coordinates. Instead, there are only two possible baselines available: the x-axis (via the skewX() function) and the y-axis (via the skewY() function). The graph below shows the effect of skewing along the x-axis for the same size of object positioned in a variety of places (bottom left)** | The reason is quite simple: whereas the rotate() function has an optional pair of parameters for setting the center of rotation, there’s no equivalent for the skew functions. Skewing takes place relative to a baseline, rather than a single point, but there’s no generic skew() function that lets you specify this baseline via two sets of coordinates. Instead, there are only two possible baselines available: the x-axis (via the skewX() function) and the y-axis (via the skewY() function). The graph below shows the effect of skewing along the x-axis for the same size of object positioned in a variety of places (bottom left)** | ||
- | Je vous avais aussi laissé avec une sorte de puzzle : avec l' | + | Je vous avais aussi laissé avec une sorte de puzzle : avec l' |
La raison est assez simple : alors que la fonction rotate() a une paire de paramètres optionnels pour définir le centre de rotation, les fonctions skew n'ont pas d' | La raison est assez simple : alors que la fonction rotate() a une paire de paramètres optionnels pour définir le centre de rotation, les fonctions skew n'ont pas d' |
issue153/inkscape.txt · Dernière modification : 2020/02/10 10:43 de auntiee