شکل عنصر

شکل عناصر 2D ویکٹر گرافکس ہیں جو مستطیل، دائرے، ستاروں، کثیرالاضلاع، یا حسب ضرورت راستوں کے طور پر پیش کیے جا سکتے ہیں۔

شکل کی 3D میں تبدیلی

شکل عناصر کو ایڈیٹر میں ایکسٹروژن کے ذریعے 3D عناصر میں تبدیل کیا جا سکتا ہے۔ جب ایک شکل ایکسٹروڈ کی جاتی ہے:

ایک نیا عنصر type: "3D" کے ساتھ بنایا جاتا ہے
اصل 2D شکل کے پیرامیٹرز extrusionSource فیلڈ میں محفوظ رہتے ہیں
اضافی 3D مخصوص خصوصیات ایکسٹروژن کی گہرائی، بیولنگ، اور کونے کے انداز کو کنٹرول کرتی ہیں

ایکسٹروڈ شکلوں کی تفصیلات کے لیے 3D عنصر کی دستاویزات دیکھیں۔

شکل کی خصوصیات

پراپ	قسم	ضروری	مثال	قدر کی حد	تفصیل
shapeType	string	true	-	SHAPE_RECT \| SHAPE_ELLIPSE \| SHAPE_STAR \| SHAPE_POLYGON \| SHAPE_PATH	شکل عنصر کی قسم، جیسے مستطیل، دائرہ، یا کثیرالاضلاع۔
fill	string \| object	true	#FFFFFF	-	شکل کا بھرنا۔ یہ ایک ہیکس رنگ کی سٹرنگ ہو سکتی ہے (جیسے، "#FFFFFF") یا ایک گریڈینٹ آبجیکٹ جس کی قسم "لکیری" یا "ریڈیل" ہو، colorStops کی صف، اور شروع/اختتام کے نقاط۔ ایڈیٹر جدید متحرک بھرنے (dynamicGradient، structureGradient، gridWave، dotWave) کی بھی حمایت کرتا ہے جو خود بخود تیار ہوتے ہیں اور دستی تعمیر کے لیے نہیں ہوتے۔
stroke	string	false	-	-	شکل کا اسٹروک رنگ، ہیکس شکل میں۔
strokeWidth	number	false	-	>= 0	شکل پر لگائے گئے اسٹروک کی چوڑائی، پکسلز میں۔
keyframes	array	false	-	-	ایک صف کی فریمیں جو شکل عنصر کے متحرک حالتوں اور منتقلیوں کی وضاحت کرتی ہیں۔
view	object	true	-	-	شکل عنصر کے لیے منظر کی ترتیبات، بشمول مقام، پیمانہ، اور گھماؤ۔
transform	object	true	-	-	شکل عنصر کے لیے تبدیلی کی ترتیبات، بشمول جھکاؤ اور الفا۔
paths	array	false	-	-	شکل عنصر کے لیے راستے کے ڈیٹا کی ایک صف، جب shapeType SHAPE_PATH ہو۔

نوٹ: SHAPE_RECT، SHAPE_ELLIPSE، SHAPE_STAR، اور SHAPE_POLYGON بنیادی شکلیں ہیں، جبکہ SHAPE_PATH ایک راستہ شکل کی طرف اشارہ کرتا ہے جو Bézier منحنیات کا استعمال کرتے ہوئے تعمیر کی گئی ہے۔

منظر

پراپ	قسم	ضروری	مثال	قدر کی حد	تفصیل
x	number	true	0	>= 0	شکل عنصر کی افقی حیثیت، پکسلز میں۔
y	number	true	0	>= 0	شکل عنصر کی عمودی حیثیت، پکسلز میں۔
width	number	true	100	>= 0	شکل عنصر کی چوڑائی، پکسلز میں۔
height	number	true	100	>= 0	شکل عنصر کی اونچائی، پکسلز میں۔
scaleX	number	true	1	> 0	شکل عنصر کا افقی اسکیلنگ کا عنصر۔ 1 سے بڑا ایک عنصر کو بڑا کرتا ہے، جبکہ 0 اور 1 کے درمیان ایک عنصر کو چھوٹا کرتا ہے۔
scaleY	number	true	1	> 0	شکل عنصر کا عمودی اسکیلنگ کا عنصر۔ 1 سے بڑا ایک عنصر کو بڑا کرتا ہے، جبکہ 0 اور 1 کے درمیان ایک عنصر کو چھوٹا کرتا ہے۔
rotation	number	true	0	>= 0	شکل عنصر کا گھماؤ زاویہ، ڈگری میں۔

تبدیلی

پراپ	قسم	ضروری	مثال	قدر کی حد	تفصیل
x	number	true	0	>= 0	شکل عنصر کی افقی حیثیت، پکسلز میں۔
y	number	true	0	>= 0	شکل عنصر کی عمودی حیثیت، پکسلز میں۔
anchorX	number	true	-	-	شکل عنصر کے حوالے سے اینکر پوائنٹ کا x-coordinate، پکسلز میں۔
anchorY	number	true	-	-	شکل عنصر کے حوالے سے اینکر پوائنٹ کا y-coordinate، پکسلز میں۔
rotation	number	true	0	>= 0	شکل عنصر کا گھماؤ زاویہ، ڈگری میں۔
scaleX	number	true	1	> 0	شکل عنصر کا افقی اسکیلنگ کا عنصر۔ 1 سے بڑا ایک عنصر کو بڑا کرتا ہے، جبکہ 0 اور 1 کے درمیان ایک عنصر کو چھوٹا کرتا ہے۔
scaleY	number	true	1	> 0	شکل عنصر کا عمودی اسکیلنگ کا عنصر۔ 1 سے بڑا ایک عنصر کو بڑا کرتا ہے، جبکہ 0 اور 1 کے درمیان ایک عنصر کو چھوٹا کرتا ہے۔
alpha	number	true	1	0 - 1	شکل عنصر کی شفافیت کی سطح۔ 1 مکمل غیر شفافیت کی نمائندگی کرتا ہے، اور 0 مکمل شفافیت کی نمائندگی کرتا ہے۔

بنیادی شکل کی مثال

shapeElement.json


{
  "id": "ca6664b1-3ddf-4525-9137-1ad2440788bd",
  "type": "Shape",
  "start": 0,
  "duration": 5,
  "trackIndex": 1,
  "x": 250.04168816332555,
  "y": 5.833740234374999,
  "blendMode": "normal",
  "anchorX": 0,
  "anchorY": 0,
  "view": {
      "width": 300,
      "height": 300,
      "x": 0,
      "y": 0,
      "scaleX": 1,
      "scaleY": 1,
      "rotation": 0,
      "anchorX": 0,
      "anchorY": 0
  },
  "rotation": 0,
  "scaleX": 1,
  "scaleY": 1,
  "alpha": 1,
  "skewX": 0,
  "skewY": 0,
  "transform": {
      "x": 0,
      "y": 0,
      "anchorX": 0,
      "anchorY": 0,
      "rotation": 0,
      "scaleX": 1,
      "scaleY": 1,
      "alpha": 1
  },
  "keyframes": [],
  "shapeType": "SHAPE_RECT",
  "fill": "#818cf8",
  "stroke": "#4f46e5",
  "strokeWidth": 5
}

راستہ شکل کی مثال