简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Pourquoi l'élément "<line>" ne peut-il pas devenir un élément enfant de "<clipPath>" ?
P粉295616170
P粉295616170 2023-09-16 11:00:51
0
1
578

Exemple de travail avec <circle>

<svg viewBox="-20 -20 150 150" xmlns="http://www.w3.org/2000/svg">
  <clipPath id="myClip" clipPathUnits="objectBoundingBox">
    <circle cx=".5" cy=".5" r=".5" />
  </clipPath>
  <rect x="0" width="100" height="100" rx="15" clip-path="url(#myClip)" />
</svg>

Idem mais en utilisant <line> - ne fonctionne pas 

<svg viewBox="-20 -20 150 150" xmlns="http://www.w3.org/2000/svg">
  <clipPath id="myClip" clipPathUnits="objectBoundingBox">
    <line x1="0" y1="0" x2="1" y2="1" />
  </clipPath>
  <rect x="0" width="100" height="100" rx="15" clip-path="url(#myClip)" />
</svg>

Je m'attendais à voir une partie de la place, mais rien n'est affiché

semble être utilisé dans 不能在

P粉295616170
P粉295616170

répondre à tous(1)
P粉427877676
P粉4278776762023-09-17 09:49:11 1 楼

Une alternative à

clippath pourrait être <mask>. L'avantage est que n'importe quel élément SVG peut être utilisé pour "dessiner". 

<svg height="80vh" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <mask id="m1" maskContentUnits="objectBoundingBox">
    <line x1="0" y1="0" x2="1" y2="1" stroke="white" stroke-width=".5" />
  </mask>
  <rect width="100" height="100" rx="15" mask="url(#m1)" />
</svg>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！