En fait, j'ai moi-même compliqué ce problème, et il peut être résolu en ajoutant un borderLayer. Soustrayez d'abord la largeur de bordure de la taille du canevas, construisez le chemin en fonction de la taille, obtenez le borderLayer et ajoutez-le. En fait, c'est très simple, mais de nombreux éléments y sont associés. Il y a des formes, des points d'édition et d'autres éléments sur le canevas, et leurs positions doivent être recalculées en fonction de la largeur de bordure.
Utilisez tout le gris comme couleur d'arrière-plan, recouvrez-le de rouge et de vert et définissez view.layer.mask deux fois pour répondre aux exigences de CAShapeLayer(), ne serait-ce pas très pratique ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
En fait, j'ai moi-même compliqué ce problème, et il peut être résolu en ajoutant un borderLayer.
Soustrayez d'abord la largeur de bordure de la taille du canevas, construisez le chemin en fonction de la taille, obtenez le borderLayer et ajoutez-le.
En fait, c'est très simple, mais de nombreux éléments y sont associés. Il y a des formes, des points d'édition et d'autres éléments sur le canevas, et leurs positions doivent être recalculées en fonction de la largeur de bordure.
Utilisez tout le gris comme couleur d'arrière-plan, recouvrez-le de rouge et de vert et définissez view.layer.mask deux fois pour répondre aux exigences de CAShapeLayer(), ne serait-ce pas très pratique ?