HTML5 Melukis segi empat tepat dalam kanvas dengan kemahiran tutorial renderings_html5

1. Lukiskan segi empat tepat

Kanvas menggunakan sistem koordinat dengan asalan (0,0) di penjuru kiri sebelah atas dan koordinat y meningkat ke bawah.

Gunakan fungsi lukisan segi empat tepat persekitaran lukisan untuk melukis segi empat tepat.

fillRect(x,y,width,height): Lukis segi empat tepat pepejal.
strokeRect(x,y,width,height): Lukiskan segi empat tepat berongga.
clearRect(x,y,width,height): Kosongkan kawasan segi empat tepat yang ditentukan untuk menjadikannya lutsinar sepenuhnya.

2. Lukiskan segi empat tepat dalam kanvas

Salin kod

Kodnya adalah seperti berikut :

= utf-8">

• AlloyTouch全屏滚动插件 30秒搞定顺滑H5页
• HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)
• HTML5 canvas 9绘制图片实例详解
• 正则表达式与HTML5新元素
• NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法