Blogger Tips - ทดสอบการทำงานของ Canvas

Blogger Tips - ทดสอบการทำงานของ Canvas เนื่องจากว่า Blogger สามารถที่จะวาดรูปได้หรือไม่ และก็สามารถหาคำตอบได้ และก็ได้รูปแบบการเขียน script code ที่ไม่ยากและสามารถเข้าใจได้ง่าย



<canvas height="200" id="mydrawing" style="background: #98FB98; margin-left: 200px;" width="400">
<script>
    var mycanvas   = document.getElementById('mydrawing') ;
    var ctx = mycanvas.getContext('2d');

    // first text
    ctx.font = '46px Comic Sans MS' ;
    ctx.lineWidth = 3 ;
    ctx.strokeStyle = "green";
    ctx.strokeText("I Love Everybody",15,100);

    // second text
    ctx.font = '20px Verdana' ;
    ctx.lineWidth = 4 ;
    ctx.fillStyle = "red";
    ctx.fillText("Blog and make money on linе",50,130) ;

</script>
</canvas>

จาก code ด้านบนจะต้อง อยู่ใน mode html จึงจะสามารถแสดงออกมาได้ สามารถดัดแปลงได้หลายอย่าง

ท่านที่สนใจก็ลองไปหาดูนะครับ ผมทำขึ้นมาก็เพราะว่า มันเป็นลูกเล่น ใหม่