HTML5 ক্যানভাসে ctx.fillText লাইন ব্রেক সাপোর্ট করে না

fillText() মেথড ক্যানভাসে ফিল্ড টেক্সট আঁকে। আপনি যদি লাইন ব্রেক করতে চান, তবে টেক্সটকে নিউ লাইনে স্প্লিট করে 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; }