html5实现如何将两个矩形相互叠加

来源：动视网责编：小采时间：2020-11-27 15:09:44

html5实现如何将两个矩形相互叠加

html5实现如何将两个矩形相互叠加:-->$velocityCount-->-->本篇介绍html5 实现如何将两个矩形相互叠加，注意要使用支持html5的浏览器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"

推荐度：

点击下载本文 文档为doc格式

导读html5实现如何将两个矩形相互叠加:-->$velocityCount-->-->本篇介绍html5 实现如何将两个矩形相互叠加，注意要使用支持html5的浏览器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"

$velocityCount-->

本篇介绍html5 实现如何将两个矩形相互叠加，注意要使用支持html5的浏览器

<!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <title>Canvas Primer - Example: Drawing shadows</title>
 <script type="text/javascript">
 window.addEventListener('load', function () {
 //得到canvas，并检测是否支持canvas
 var elem = document.getElementById('myCanvas');
 if (!elem || !elem.getContext) {
 return;
 }
 
 // 得到可以画图的上下文context
 var context = elem.getContext('2d');
 if (!context) {
 return;
 }
 
 // 分别设置阴影的偏移坐标，阴影的虚化程度，阴影的颜色，图形的填充颜色，以及绘制图形。
 context.shadowOffsetX = 10;
 context.shadowOffsetY = 10;
 context.shadowBlur = 4;
 context.shadowColor = 'red';
 context.fillStyle = '#00f';
 context.fillRect(20, 20, 150, 100);
 }, false);
 </script>
 </head>
 <body>
 <p><canvas id="myCanvas" width="300" height="150">Your browser does not have 
 support for Canvas. </canvas></p>
 </body>
</html>

html5实现如何将两个矩形相互叠加

推荐度：

点击下载本文 文档为doc格式

标签：两个如何矩形

热门焦点

html5实现如何将两个矩形相互叠加

html5实现如何将两个矩形相互叠加

html5实现如何将两个矩形相互叠加

最新推荐

猜你喜欢

热门推荐