HTML5 ক্যানভাস ctx.fillText লাইন বিরতি করবে না

filleText() পদ্ধতি ক্যানভাসে ভরা পাঠ্য আঁকে। আপনি যদি লাইনগুলি ভাঙতে চান তবে আপনি নতুন লাইনে পাঠ্য বিভক্ত করে এবং filltext() একাধিকবার কল করে এটি করতে পারেন। এটি করার মাধ্যমে, আপনি পাঠ্যটিকে লাইনে বিভক্ত করছেন এবং প্রতিটি লাইন আলাদাভাবে আঁকছেন।

আপনি নিম্নলিখিত কোড স্নিপেট চালানোর চেষ্টা করতে পারেন −

var c = $('#c')[0].getContext('2d');
c.font = '12px Courier';
alert(c);

var str = 'first line \nsecond line...';
var a = 30;
var b = 30;
var lineheight = 15;
var lines = str.split('\n');

for (var j = 0; j<lines.length; j++)
c.fillText(lines[j], a, b + (j*lineheight) );

// for canvas
<canvas id="c" width="200" height="200"></canvas>

// CSS

canvas {
   background-color: #FFCE9E;
}