raphael旅程(第一天)

Raphael JS 绘制圆形

最新推荐文章于 2025-07-14 16:22:15 发布

原创最新推荐文章于 2025-07-14 16:22:15 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#raphael

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Raphael JS库在网页上绘制简单的矢量图形——圆形，并提供了完整的HTML示例代码。

开启raphael神秘旅程，今天是raphael第一步。raphael是基于html5的绘制矢量图的js类库，下面开始绘制第一个图形（圆）：

<!DOCTYPE HTML>
<html>
    <head>
        <title>raphal</title>
        <script type="text/javascript" src="raphael.js"></script>
    </head>
    <body>
         <script type="text/javascript">
              var paper=Raphael(10,50,320,200);
              var circle=paper.circle(100,100,80);
              circle.attr("fill", "#f00");
         </script>
    </body>
 
</html>