首页 > 作文

html5中关于canvas标签用法(绘图)

更新时间:2023-04-03 01:46:10 阅读: 评论:0

html 5 标签

标签定义图形,比如lindy ray图表和其他图像。

标签只是图形容器,您必须使用脚本来绘制图形。

用canvas配合javascript可以直接在html页面动态绘图,无需调用jquery。

代码如下:

var my_canvas=document.getelementbyid(“canvas”); //为击破沛公军获取canvas的id
var context=my_canvas.getcontext(“2d”); //获取绘图画布

//下面三行绘制半圆

context.beginpath(); //告诉画布,你准备绘制路径
context.arc(75,75,35,0,math.pi); //定义半圆的参数函数
context.s初中考不上高中troke(); //告诉画布可以画了,这相当于把之前定义的执行了,类似于++里面的onpaint()函数

//下面三行绘制直线
context.moveto(20, 20); //直线的起点
c告村官绝招ontext.lineto(100, 20); //直线的终点
context南国先生的故事.stroke();

本文发布于:2023-04-03 01:46:09,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/zuowen/d4bb0d22bbe6e1d1ac320731596a1806.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

本文word下载地址:html5中关于canvas标签用法(绘图).doc

本文 PDF 下载地址:html5中关于canvas标签用法(绘图).pdf

标签:画布   直线   半圆   图形
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图