我們可以用畫布(canvas)繪製各種圖形,下面**是繪製的乙個圓形:
doctype html
>
<
html
>
<
head
>
<
title
>canvas畫布
title
>
<
meta
charset
="utf-8"
>
<
meta
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
<
style
>
#canvas
style
>
head
>
<
body
>
<
div>繪製乙個圓
div>
<
canvas
id="canvas"
>您的瀏覽器不支援html5 canvas 標籤。
canvas
>
<
script
>
varcanvas
=document.getelementbyid(
"canvas");
canvas.width
=200
; canvas.height
=200
;
varcontext
=canvas.getcontext("2d
");context.beginpath();
context.arc(
100,50,
50,0,
2*math.pi);
context.stroke();
script
>
body
>
html
>
html5標準規範:html5標準規範
html5**規範:html5**規範
html5 canvas繪製模糊的問題
html5 canvas繪製模糊的問題2
了解canvas畫布
一 什麼是 canvas?二 canvas基本使用 mycanvas width 300 height 300 canvas canvas畫布的預設尺寸是300 150 1 獲取到canvas元素 var c document.getelementbyid mycanvas 2 執行上下文 繪製畫筆...
前端 學習筆記 一 canvas畫布
mycanvas width 200 height 100 style border 1px solid 000000 canvas 根據名字確定畫布 var c document.getelementbyid mycanvas 建立 context 物件,getcontext 2d 物件是內建的 ...
canvas畫布基本操作
簡單畫直線和三角形 結合注釋 線條繪製 canvas width 1024 height 768 style border 1px solid aaa display block margin 50px auto 當前瀏覽器不支援canvas,請更換瀏覽器後再試 canvas canvas是基於狀態...