中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

html5實現canvas陰影效果示例
來源:易賢網 閱讀:1039 次 日期:2016-06-16 09:03:26
溫馨提示:易賢網小編為您整理了“html5實現canvas陰影效果示例”,方便廣大網友查閱!

在html5中實現canvas陰影效果

代碼如下:

<!doctype html>

<html>

<head>

<meta http-equiv=x-ua-compatible content=chrome=ie8>

<meta http-equiv=content-type content=text/html;charset=utf-8>

<title>canvas clip demo</title>

<link href=default.css rel=stylesheet />

<script>

var ctx = null; // global variable 2d context

var imagetexture = null;

window.onload = function() {

var canvas = document.getelementbyid(text_canvas);

console.log(canvas.parentnode.clientwidth);

canvas.width = canvas.parentnode.clientwidth;

canvas.height = canvas.parentnode.clientheight;

if (!canvas.getcontext) {

console.log(canvas not supported. please install a html5 compatible browser.);

return;

}

var context = canvas.getcontext('2d');

// section one - shadow and blur

context.fillstyle=black;

context.fillrect(0, 0, canvas.width, canvas.height/4);

context.font = '60pt calibri';

context.shadowcolor = white;

context.shadowoffsetx = 0;

context.shadowoffsety = 0;

context.shadowblur = 20;

context.filltext(blur canvas, 40, 80);

context.strokestyle = rgba(0, 255, 0, 1);

context.linewidth = 2;

context.stroketext(blur canvas, 40, 80);

// section two - shadow font

var hh = canvas.height/4;

context.fillstyle=white;

context.fillrect(0, hh, canvas.width, canvas.height/4);

context.font = '60pt calibri';

context.shadowcolor = rgba(127,127,127,1);

context.shadowoffsetx = 3;

context.shadowoffsety = 3;

context.shadowblur = 0;

context.fillstyle = rgba(0, 0, 0, 0.8);

context.filltext(blur canvas, 40, 80+hh);

// section three - down shadow effect

var hh = canvas.height/4 + hh;

context.fillstyle=black;

context.fillrect(0, hh, canvas.width, canvas.height/4);

for(var i = 0; i < 10; i++)

{

context.shadowcolor = rgba(255, 255, 255, + ((10-i)/10) + );

context.shadowoffsetx = i*2;

context.shadowoffsety = i*2;

context.shadowblur = i*2;

context.fillstyle = rgba(127, 127, 127, 1);

context.filltext(blur canvas, 40, 80+hh);

}

// section four - fade effect

var hh = canvas.height/4 + hh;

context.fillstyle=green;

context.fillrect(0, hh, canvas.width, canvas.height/4);

for(var i = 0; i < 10; i++)

{

context.shadowcolor = rgba(255, 255, 255, + ((10-i)/10) + );

context.shadowoffsetx = 0;

context.shadowoffsety = -i*2;

context.shadowblur = i*2;

context.fillstyle = rgba(127, 127, 127, 1);

context.filltext(blur canvas, 40, 80+hh);

}

for(var i = 0; i < 10; i++)

{

context.shadowcolor = rgba(255, 255, 255, + ((10-i)/10) + );

context.shadowoffsetx = 0;

context.shadowoffsety = i*2;

context.shadowblur = i*2;

context.fillstyle = rgba(127, 127, 127, 1);

context.filltext(blur canvas, 40, 80+hh);

}

for(var i = 0; i < 10; i++)

{

context.shadowcolor = rgba(255, 255, 255, + ((10-i)/10) + );

context.shadowoffsetx = i*2;

context.shadowoffsety = 0;

context.shadowblur = i*2;

context.fillstyle = rgba(127, 127, 127, 1);

context.filltext(blur canvas, 40, 80+hh);

}

for(var i = 0; i < 10; i++)

{

context.shadowcolor = rgba(255, 255, 255, + ((10-i)/10) + );

context.shadowoffsetx = -i*2;

context.shadowoffsety = 0;

context.shadowblur = i*2;

context.fillstyle = rgba(127, 127, 127, 1);

context.filltext(blur canvas, 40, 80+hh);

}

}

</script>

</head>

<body>

<h1>html5 canvas</h1>

<pre>fill and stroke clip</pre>

<div id=my_painter>

<canvas id=text_canvas></canvas>

</div>

</body>

</html>

更多信息請查看網頁制作
易賢網手機網站地址:html5實現canvas陰影效果示例
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
亚洲与欧洲av电影| 欧美日韩另类视频| 在线精品国产欧美| 国产精品va在线播放| 久久精品噜噜噜成人av农村| 亚洲精品之草原avav久久| 激情视频一区二区三区| 欧美视频网址| 欧美va日韩va| 久久久精品免费视频| 一区二区三区精品视频| 亚洲免费观看高清完整版在线观看| 国产精品一页| 欧美四级剧情无删版影片| 欧美成人国产va精品日本一级| 午夜精品久久久久久久蜜桃app| 性亚洲最疯狂xxxx高清| 亚洲国产美女久久久久 | 欧美日韩在线免费| 久久综合精品一区| 久久中文久久字幕| 久久激五月天综合精品| 亚洲国产99精品国自产| 亚洲第一中文字幕在线观看| 国内外成人在线视频| 亚洲东热激情| 亚洲高清中文字幕| 在线观看亚洲专区| 亚洲美女av电影| 亚洲精选久久| 亚洲欧美国产高清va在线播| 亚洲视频免费在线| 中文日韩电影网站| 久久激情五月激情| 久久久噜噜噜久久久| 欧美成人一区二区在线| 欧美大片91| 欧美久久久久久久久| 国产精品实拍| 国产欧美一区二区精品秋霞影院| 黄色精品一二区| 亚洲成人资源网| 亚洲毛片网站| 欧美一区二区日韩一区二区| 久久精品国产96久久久香蕉| 国产精品日韩精品欧美精品| 国产精品一区二区三区观看| 国产亚洲成av人在线观看导航| 亚洲黄色毛片| 亚洲视频香蕉人妖| 亚洲综合日韩中文字幕v在线| 久久久噜噜噜久久中文字幕色伊伊| 久久青青草综合| 欧美系列精品| 国产伊人精品| 亚洲国产成人午夜在线一区| 亚洲欧美在线一区| 久久全球大尺度高清视频| 欧美在线你懂的| 久久亚洲一区二区三区四区| 欧美激情第9页| 国产精品天美传媒入口| 在线成人www免费观看视频| 亚洲精品国产系列| 性欧美大战久久久久久久免费观看 | 在线观看成人一级片| 亚洲黄色av| 久久精品中文字幕一区| 欧美电影免费网站| 国产精品影片在线观看| 99热在线精品观看| 久久久精彩视频| 国产欧美一二三区| 日韩一级成人av| 久久国产精品一区二区| 国产精品久久久久久av下载红粉 | 欧美精品啪啪| 国产三区精品| 亚洲一区在线看| 你懂的成人av| 激情欧美亚洲| 美女在线一区二区| 亚洲香蕉网站| 黄色欧美日韩| 国产欧美一区二区精品性色| 国产三区二区一区久久| 激情欧美丁香| 国内精品久久久久影院色| 国产精品外国| 免费一级欧美片在线播放| 久久免费视频这里只有精品| 国产精品卡一卡二卡三| 亚洲电影在线播放| 久久综合九色综合欧美就去吻| 国产精品av免费在线观看| 在线看片欧美| 美女免费视频一区| 国产视频欧美视频| 欧美自拍偷拍| 国产又爽又黄的激情精品视频| 在线看一区二区| 蜜乳av另类精品一区二区| 国产一区导航| 免费亚洲视频| 一区二区三区在线看| 一区二区欧美在线观看| 欧美好骚综合网| 尤物九九久久国产精品的分类| 麻豆精品视频| 亚洲电影免费在线| 欧美精品不卡| 亚洲精品一区二区三| 久久久999| 亚洲日本中文字幕免费在线不卡| 久久亚洲综合| 夜夜嗨av一区二区三区中文字幕| 欧美激情视频给我| 亚洲一区视频在线| 国产精品免费看| 99re6热在线精品视频播放速度| 欧美三级第一页| 中文日韩欧美| 一区二区亚洲精品国产| 久久久久久一区二区三区| 亚洲国产精品ⅴa在线观看| 欧美夫妇交换俱乐部在线观看| 激情六月婷婷综合| 欧美日韩精品久久久| 亚洲天堂成人| 在线观看亚洲| 欧美美女bbbb| 欧美一区二区| 亚洲福利免费| 午夜精品一区二区三区电影天堂 | 亚洲欧洲精品一区二区精品久久久| 美女精品在线| 亚洲欧美成人网| 激情成人在线视频| 欧美成人性网| 欧美在线黄色| 亚洲区第一页| 国产欧美日韩综合精品二区| 久久尤物视频| 亚洲嫩草精品久久| 1769国产精品| 欧美破处大片在线视频| 校园春色综合网| 国产三区二区一区久久| 欧美日韩在线一二三| 欧美一级在线视频| 亚洲午夜av电影| 国内精品一区二区| 国产精品欧美日韩一区| 久久综合中文| 99在线精品观看| 在线日韩欧美视频| 欧美午夜不卡视频| 久久免费精品视频| 亚洲少妇在线| 尤物yw午夜国产精品视频| 欧美日韩一区在线播放| 久久精品一区二区三区中文字幕| 日韩一级在线| 国内精品国产成人| 国产精品xxxxx| 亚洲欧美日韩国产成人精品影院| 国产精品久久久久久久久久久久久久| 久久久999国产| 亚洲校园激情| 亚洲精品日本| 尤物视频一区二区| 国产欧美va欧美va香蕉在| 欧美日韩免费在线| 久久夜色精品国产亚洲aⅴ| 亚洲欧美成人| 欧美一级久久久| 一区二区三区四区五区视频| av成人免费观看| 亚洲国产三级在线| 日韩视频免费大全中文字幕| 黄色一区二区在线观看| 狠狠久久亚洲欧美专区| 国产伦精品一区二区三区视频孕妇 | 欧美国产日产韩国视频| 久久一区精品| 欧美专区在线观看| 久久久久网站| 欧美中文字幕视频在线观看| 欧美一区二区三区在线观看视频| 亚洲无线一线二线三线区别av| 国产精品日韩在线观看| 国产欧美一区二区精品秋霞影院| 欧美日韩亚洲综合一区| 国产精品久久久久免费a∨| 欧美精品一区二区三区一线天视频 | 亚洲一区在线观看免费观看电影高清| 亚洲国产精品欧美一二99| 亚洲日本在线观看| 亚洲日本欧美天堂| 亚洲一区区二区|