分享更有价值
被信任是一种快乐

怎么用html5画出简单的矩形三角形

文章页正文上

这篇文章主要介绍“怎么用html5画出简单的矩形三角形”,在日常操作中,相信很多人在怎么用html5画出简单的矩形三角形问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用html5画出简单的矩形三角形”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
首先在html页面中放置一个canvas元素,其中canvas元素应该具备三个属性ID、width、height。
复制代码
代码如下:

取得canvas对象并取得上下文var cxt=document.getElementById(‘demo’).getContext(“2d”);其中参数2d是确定的。
开始绘制,有两种形式,一种是描边(fill),一种是填充(stroke)。
javascript代码:
复制代码
代码如下:

var cxt=document.getElementById(‘demo’).getContext(“2d”);
cxt.beginPath();
cxt.fillStyle=”#F00″;/*设置填充颜色*/
cxt.fillRect(0,0,200,100);/*绘制一个矩形,前两个参数决定开始位置,后两个分别是矩形的宽和高*/
cxt.beginPath();
cxt.strokeStyle=”#000″;/*设置边框*/
cxt.lineWidth=3;/*边框的宽度*/
cxt.strokeRect(0,120,200,100);
cxt.beginPath();
cxt.moveTo(0,350);
cxt.lineTo(100,250);
cxt.lineTo(200,300);
cxt.closePath();/*可选步骤,关闭绘制的路径*/
cxt.stroke();
到此,关于“怎么用html5画出简单的矩形三角形”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识免费云主机、域名,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: div内文字间的间距怎么设置

本篇内容介绍了“div内文字间的间距怎么设置”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! div内字与字间距是否能够用CSS代码实现? 答案:可应用css实现…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册