資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會研究
時尚研究
法律研究HTML canvas shadowOffsetY 屬性
HTML canvas 元素的 shadowOffsetY 屬性用於設定圖形與陰影之間的垂直距離。<canvas> 元素允許您使用 JavaScript 繪製網頁上的圖形。每個畫布都有兩個元素，分別描述畫布的高度和寬度，即height和width。
以下是語法 −
context.shadowOffsetY=num;
其中，num 表示畫素中的垂直距離。
我們現在來看一個示例，實現 canvas 的 shadowOffsetY 屬性 −
示例
<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="600" height="350" style="border:2px solid orange;">
</canvas>
<script>
var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.shadowBlur = 30;
ctx.shadowOffsetX = 35;
ctx.shadowOffsetY = 35;
ctx.shadowColor = "orange";
ctx.fillStyle = "red";
ctx.fillRect(150, 60, 280, 250);
</script>
</body>
</html>輸出
更新於: 30-7月-2019
79瀏覽次數
廣告