HTML کینواس strokeStyle خصوصیت

HTML5 کینواس مرجع دستاویز

تعلیم اور استعمال

strokeStyle خصوصیات کا تعین یا واپس کریں جو پرچم کی رنگ، گرادیئن یا ماڈل کا نمائش کرتا ہے

مثال

مثال 1

ایک مستطیل بکش کریں۔ آبی رنگ کا پرچم استعمال کریں:

آپ کا براوزر کینز کینس تگ کانواس نہیں سپورٹ کرتا۔

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeStyle="#0000ff";
ctx.strokeRect(20,20,150,100);

نوکشش فراہم کریں

قواعد

context.strokeStyle=رنگ|gradient|پٹرن;

خصوصیت کا مقدار

مقدار وصف
رنگ پرچم کی رنگ کا نشان دہی کرتا ہے CSS رنگ کا نمائش۔ مقصد #000000 ہے۔
gradient پینل کی پرچم کے لیے گرادیئن اوبجیکٹ (خطییاشعاعی)
پٹرن پٹرن اورنگ کے لیے پٹرن اوبجیکٹ

تکنیکی تفصیلات

مقصد: #000000

بیشتر مثال

مثال 2

ایک مستطیل بکش کریں۔ استعمال کریں گرادیئن اورنگ:

آپ کا براوزر کینز کینس تگ کانواس نہیں سپورٹ کرتا۔

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var gradient=ctx.createLinearGradient(0,0,170,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// گرادیئنٹ کے ذریعے پُر کرنا
ctx.strokeStyle=gradient;
ctx.lineWidth=5;
ctx.strokeRect(20,20,150,100);

نوکشش فراہم کریں

مثال 3

متن "codew3c.com" کو ایک گرادیئن اورنگ میں لکھیں:

آپ کا براوزر کینز کینس تگ کانواس نہیں سپورٹ کرتا۔

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Verdana";
// 创建渐变
var gradient=ctx.createLinearGradient(0,0,c.width,0);
gradient.addColorStop("0","magenta");
gradient.addColorStop("0.5","blue");
gradient.addColorStop("1.0","red");
// گرادیئنٹ کے ذریعے پُر کرنا
ctx.strokeStyle=gradient;
ctx.strokeText("Big smile!",10,50);

نوکشش فراہم کریں

بrowsers دعما

جداول میں دیئے گئے شماریات، اس کی خاصیت کو پورا طور پر دعما دینے والی پہلی براہ راست نسلیں کی نشان دہی کرتی ہیں۔

کروم ایج فائرفاکس سافری آپریا
کروم ایج فائرفاکس سافری آپریا
4.0 9.0 3.6 4.0 10.1

تعلیمات:اینٹرنیشنل ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <canvas> عنصر کو نہیں دعما دیتے ہیں۔

HTML5 کینواس مرجع دستاویز