如何使用 Canvas和HTML5中的SVG画一个矩形？ - 好学星城学习论坛

page contents

轩辕小不懂发布于 2021-07-19 14:24

阅读 592

收藏 0

答案 1

分类：WEB前端开发

前端

1329

Nen 2021-07-19 14:38

- 程序员

使用SVG绘制矩形的代码如下：

<svg xmlns=http://www.w3.org/2000/svg version="1.1">

<rect style="fill:rgb（255,100，0）；"height=200" width="400"></rect>

</svg>

使用 Canvas绘制矩形的代码如下。

<canvas id="myCanvas" width=500" height="500"></canvas>

var canvas=document.getElementById（'mycanvas'）；

var ctx= canvas.getContext（'2d'）；

ctx.rect（100,100,300,200）；

ctx fillstyle = 'pink '

ctx. fill()

评论 (0)

1 关注

提出于 2021-07-19 14:24

全部

592 阅读

592 阅读

592 阅读

592 阅读

592 阅读

592 阅读