HTML canvas lineWidth 屬性 HTML canvas 參考手冊(cè) 實(shí)例 用寬度為 10 像素的線條來(lái)繪制矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.strokeRect(20,20,80,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、F...
http://o2fo.com/htmltags/canvas-linewidth.htmlHTML canvas shadowBlur 屬性 HTML canvas 參考手冊(cè) 實(shí)例-繪制一個(gè)模糊級(jí)數(shù)是20的黑色陰影的紅色矩形 繪制一個(gè)帶有黑色陰影的紅色矩形,模糊級(jí)數(shù)是 20: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=20; ctx...
http://o2fo.com/htmltags/canvas-shadowblur.htmlHTML canvas shadowOffsetX 屬性 HTML canvas 參考手冊(cè) 實(shí)例 繪制一個(gè)矩形,帶有向右偏移 20 像素的陰影(從矩形的 left 位置): JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetX=20; ctx.shadowColor=...
http://o2fo.com/htmltags/canvas-shadowoffsetx.htmlHTML canvas miterLimit 屬性 HTML canvas 參考手冊(cè) 實(shí)例 以最大斜接長(zhǎng)度 5 繪制線條: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.lineJoin="miter"; ctx.miterLimit=5; ctx.moveTo(20,20); ctx.lineTo(50,27); ctx.lineTo(20,34...
http://o2fo.com/htmltags/canvas-miterlimit.htmlHTML canvas shadowOffsetY 屬性 HTML canvas 參考手冊(cè) 實(shí)例 繪制一個(gè)矩形,帶有向下偏移 20 像素的陰影(從矩形的 top 位置): JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetY=20; ctx.shadowColor="...
http://o2fo.com/htmltags/canvas-shadowoffsety.htmlHTML canvas rect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,150,100); ctx.stroke(); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 ...
http://o2fo.com/htmltags/canvas-rect.htmlHTML canvas fillRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的已填充矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillRect(20,20,150,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和...
http://o2fo.com/htmltags/canvas-fillrect.htmlHTML canvas strokeRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.strokeRect(20,20,150,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Sa...
http://o2fo.com/htmltags/canvas-strokerect.htmlHTML canvas createPattern() 方法 HTML canvas 參考手冊(cè) 實(shí)例 用到的圖像: 在水平和垂直方向重復(fù)圖像: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("lamp"); var pat=ctx.createPattern(img,"repeat"); ctx.re...
http://o2fo.com/htmltags/canvas-createpattern.htmlHTML canvas clearRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 在給定矩形內(nèi)清空一個(gè)矩形 JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(0,0,300,150); ctx.clearRect(20,20,100,50); 嘗試一下 ? 瀏覽器支持 Inter...
http://o2fo.com/htmltags/canvas-clearrect.html抱歉,暫時(shí)沒(méi)有相關(guān)的微課
w3cschool 建議您:
抱歉,暫時(shí)沒(méi)有相關(guān)的視頻課程
w3cschool 建議您:
抱歉,暫時(shí)沒(méi)有相關(guān)的教程
w3cschool 建議您:
HTML canvas lineWidth 屬性 HTML canvas 參考手冊(cè) 實(shí)例 用寬度為 10 像素的線條來(lái)繪制矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.strokeRect(20,20,80,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、F...
http://o2fo.com/htmltags/canvas-linewidth.htmlHTML canvas shadowBlur 屬性 HTML canvas 參考手冊(cè) 實(shí)例-繪制一個(gè)模糊級(jí)數(shù)是20的黑色陰影的紅色矩形 繪制一個(gè)帶有黑色陰影的紅色矩形,模糊級(jí)數(shù)是 20: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=20; ctx...
http://o2fo.com/htmltags/canvas-shadowblur.htmlHTML canvas shadowOffsetX 屬性 HTML canvas 參考手冊(cè) 實(shí)例 繪制一個(gè)矩形,帶有向右偏移 20 像素的陰影(從矩形的 left 位置): JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetX=20; ctx.shadowColor=...
http://o2fo.com/htmltags/canvas-shadowoffsetx.htmlHTML canvas miterLimit 屬性 HTML canvas 參考手冊(cè) 實(shí)例 以最大斜接長(zhǎng)度 5 繪制線條: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.lineJoin="miter"; ctx.miterLimit=5; ctx.moveTo(20,20); ctx.lineTo(50,27); ctx.lineTo(20,34...
http://o2fo.com/htmltags/canvas-miterlimit.htmlHTML canvas shadowOffsetY 屬性 HTML canvas 參考手冊(cè) 實(shí)例 繪制一個(gè)矩形,帶有向下偏移 20 像素的陰影(從矩形的 top 位置): JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.shadowBlur=10; ctx.shadowOffsetY=20; ctx.shadowColor="...
http://o2fo.com/htmltags/canvas-shadowoffsety.htmlHTML canvas rect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.rect(20,20,150,100); ctx.stroke(); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 ...
http://o2fo.com/htmltags/canvas-rect.htmlHTML canvas fillRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的已填充矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillRect(20,20,150,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和...
http://o2fo.com/htmltags/canvas-fillrect.htmlHTML canvas strokeRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 繪制 150*100 像素的矩形: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.strokeRect(20,20,150,100); 嘗試一下 ? 瀏覽器支持 Internet Explorer 9、Firefox、Opera、Chrome 和 Sa...
http://o2fo.com/htmltags/canvas-strokerect.htmlHTML canvas createPattern() 方法 HTML canvas 參考手冊(cè) 實(shí)例 用到的圖像: 在水平和垂直方向重復(fù)圖像: JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var img=document.getElementById("lamp"); var pat=ctx.createPattern(img,"repeat"); ctx.re...
http://o2fo.com/htmltags/canvas-createpattern.htmlHTML canvas clearRect() 方法 HTML canvas 參考手冊(cè) 實(shí)例 在給定矩形內(nèi)清空一個(gè)矩形 JavaScript: var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="red"; ctx.fillRect(0,0,300,150); ctx.clearRect(20,20,100,50); 嘗試一下 ? 瀏覽器支持 Inter...
http://o2fo.com/htmltags/canvas-clearrect.html抱歉,暫時(shí)沒(méi)有相關(guān)的文章
w3cschool 建議您: