html5_canvas初学

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title>
</head>
<body><h3>什么是canvas？</h3><p>canvas是在html5中的一个重要元素，专门用来绘制图形。</p><h4>画布的创建方法：指定id、width、height</h4><h4>取得上下文：getContext("2d")</h4><h4>绘制图形的方法：fillstyle填充、storkestyle边框</h4><canvas id="canvas" width="500" height="350"></canvas><script>var canvas_id = document.getElementById('canvas');var content = canvas_id.getContext('2d');content.fillStyle = "#000";  //背景颜色 设置或返回用于填充绘画的颜色、渐变或模式
        content.strokeStyle = "#f60"; //边框颜色 设置或返回用于笔触的颜色、渐变或模式
        content.lineWidth = 5;  //边框宽度  设置或返回当前的线条宽度
        content.fillRect(0,0,500,350); //最外层       绘制“被填充”的矩形
        content.strokeRect(50,50,100,200);//里层  绘制矩形（无填充）
        content.strokeRect(100,100,100,200);//里层  绘制矩形（无填充）</script>
</body>
</html>

转载于:https://www.cnblogs.com/xiaozhishang/p/5607509.html

html5_canvas初学相关推荐

Android初学第36天
Android初学第36天 12_DateDialog 代码 CrimeLab.java package com.bignerdranch.android.criminalintent;import ...
Unity初学Shadergraph创建着色器学习教程
MP4 |视频:h264,1280×720 |音频:AAC,44.1 KHz,2 Ch 语言:英语+中英文字幕(根据原英文字幕机译更准确) |时长:51节课(4h 44m) |大小解压后:2.55 G ...
初学web标准的几个误区
初学web标准的几个误区作者:阿捷 2004-7-7 11:37:11 非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页.但从网友们的问题和制作中发现几个问题,在这里特别提醒一下: 1. ...
java基础入门传智播客源码_Java-_2020年版Java零基础视频教程（Java 0基础，Java初学入门）魔鬼讲师老杜出品...
不会闲聊!!!不会扯淡!!!小UP只会分享与Java相关的学习资源还记得那年带你Java入门的一声"吼"吗? B站目前播放量已经快到450多万播放量的Java零基础教程的创作者& ...
初学api测试_面向初学者的API-在此免费视频课程中学习如何使用API
初学api测试 What exactly is an API? How do you use an API? We've just published a full beginner's course ...
java web开发初学_2018年学习Web开发的绝对初学者指南
java web开发初学 This post was originally published on Coder-Coder.com. 该帖子最初发布在Coder-Coder.com上 . If yo ...
初学python的30个操作难点汇总（入门篇）希望对你有帮助
初学Python的人总会遇到这样或者那样的问题,在我学习Python的这段时间我总结了自己的29个问题,具体如下: 1 在cmd下盘与盘之间的切换直接 D或d: 就好 2 查找当前盘或者文件下面的 ...
初学架构设计的第一步：需求、愿景与架构
初学架构设计的第一步:需求.愿景与架构了解<需求>.<愿景>与<架构>三者的关系.也就是<需求分析>.<观想愿景>与<架构设计> ...
初学 Java Web 开发，请远离各种框架，从 Servlet 开发
写在前面: 本文是转自:http://www.oschina.net/question/12_52027 的文章,如果要求删除,第一时间联系我立即删除! Web框架是开发者在使用某种语言编写Web应 ...

html5_canvas初学

html5_canvas初学相关推荐

最新文章

热门文章