本文摘自PHP中文网,作者不言,侵删。
本篇文章给大家带来的内容是关于canvas画矩形和svg画矩形的两种方法代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。1.canvas画矩形
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <!doctype html>
< html >
< head >
< style >
#huaban{
border:1px solid;
}
</ style >
< script >
</ script >
< meta charset = "UTF-8" >
</ head >
< body >
< canvas width = "200" height = "200" id = "huaban" >
</ canvas >
< script >
var can=document.getElementById("huaban");//获得画板数据
var con=can.getContext('2d');//获得笔刷
con.fillStyle="red";//设置填充颜色
con.strokeStyle="blue";//设置线条颜色
con.fillRect(10,10,100,100);//填充画矩形
con.strokeRect(100,100,200,200);//线条画矩形
</ script >
</ body >
</ html >
|
2.svg画矩形
阅读剩余部分
相关阅读 >>
canvas画矩形和svg画矩形的两种方法代码
更多相关阅读请进入《canvas画矩形和svg画矩形》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » canvas画矩形和svg画矩形的两种方法代码