青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長網(wǎng)

17站長網(wǎng) 首頁 編程教程 Html5教程 查看內(nèi)容

HTML5 Canvas 陰影

html5 Canvas shadows可以向在html5畫布上繪制的形狀自動添加陰影,shadowOffsetX 與 shadowOffsetY設置要繪制陰影的距離繪制形狀的距離。

在線示例

可以向在HTML5畫布上繪制的形狀自動添加陰影。這里有一些示例:

陰影是通過以下四個2D Context屬性控制的:

shadowOffsetX
shadowOffsetY
shadowBlur
shadowColor

shadowOffsetX 與 shadowOffsetY設置要繪制陰影的距離繪制形狀的距離。正值表示陰影繪制在形狀的(x)右側(cè)和(y)下方。負值表示陰影繪制在形狀的(x)左側(cè)和(y)上方。
shadowBlur設置陰影應模糊的程度。該數(shù)字越高,形狀越模糊。數(shù)字越低,陰影變得越銳利。值為0表示陰影完全不模糊。
shadowColor 只需設置陰影的顏色。
這是上面示例的代碼:

HTML5 Canvas 陰影

示例

<canvas id="ex1" width="500" height="200" style="border: 1px solid #cccccc;">
    HTML5 Canvas not supported
</canvas>
<script>var canvas  = document.getElementById("ex1");var context = canvas.getContext("2d");
 
context.shadowOffsetX = 10;
context.shadowOffsetY = 10;
context.shadowBlur    = 4;
context.shadowColor   = "#666666";//或使用rgb(紅色,綠色,藍色)
 
context.fillStyle = "#000000";
context.fillRect(10,10, 50, 50);
 
context.fillStyle = "#000066";
context.font = "30px Arial";
context.fillText("HTML5 Canvas Shadow", 10,120);
</script>
返回頂部
主站蜘蛛池模板: 国际老妇高清在线观看 | 暖暖视频在线高清播放 | 妹妹好色网| 动漫H片在线观看播放免费 动漫H片在线播放免费高清 | 毛片基地看看成人免费 | 国产成人精品一区二区三区视频 | 亚洲 欧洲 国产 日产 综合 | 99影视久久电影网久久看影院 | 欧美日韩高清一区二区三区 | 久久影院中文字幕 | 亚洲精品中文字幕无码A片蜜桃 | 国产GV无码A片在线观看 | 色色色999| 久草色香蕉视频在线 | a在线免费观看视频 | 人妻插B视频一区二区三区 人妻 中文无码 中出 | 亚洲成年人影院 | 国产精品麻豆高潮刺激A片 国产精品麻豆a在线播放 | 国产精品99久久久久久人韩国 | 91精品一区二区三区在线观看 | 欧美特级另类xxx | 影音先锋电影资源av | xxxxxx视频| 一区二区视频在线观看高清视频在线 | 最近的2019中文字幕HD | 涩涩视频在线看 | a视频免费看 | 亚洲va精品中文字幕 | 亚洲精品AV一区午夜福利 | 野花韩国免费高清电影 | 嫩草影院在线观看精品视频 | babesvideos性欧美| 亚洲精品久久久久AV无码 | 99久久精品6在线播放 | 黑人巨茎vide抽搐 | 饥渴难耐的浪荡艳妇在线观看 | 免费在线观看国产 | 色欲AV人妻精品麻豆AV | 男人的天堂色偷偷 | 手机看片国产免费 | 国产亚洲人成网站在线观看播放 |