מאפיין vector-effect

מאפיין vector-effect (SVG) קובע אפקטים מיוחדים על גרפיקה וקטורית — כמו non-scaling-stroke ששומר על עובי קבוע של ה-stroke גם כשהאלמנט עובר טרנספורמציה.

path { vector-effect: non-scaling-stroke; }

.chart line { stroke: black; stroke-width: 1; vector-effect: non-scaling-stroke; }

noneערך ברירת המחדל. אין אפקטים מיוחדים — ה-stroke מתרחב/מצטמצם עם טרנספורמציה.

non-scaling-strokeה-stroke שומר על רוחב קבוע ללא קשר ל-transform או ל-viewBox — שימושי לגרפים שמתרחבים.

non-scaling-sizeהאלמנט שומר על גודל קבוע ללא קשר לטרנספורמציה.

non-rotationהאלמנט מתעלם מסיבוב מהאבות.

fixed-positionהאלמנט נשאר במיקום קבוע.

SVG 2 — Chapter 8: Coordinate Systems, Transformations and Units

W3C Recommendation

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next