`
helius1214
  • 浏览: 77910 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类

<circle> 标签可用来创建一个圆。

阅读更多
<circle> 标签可用来创建一个圆。
<circle> 标签
<circle> 标签可用来创建一个圆。

请把下面的代码拷贝到记事本,然后把文件保存为 "circle1.svg"。把此文件放入您的web目录:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

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

<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>

</svg>代码解释:
cx 和 cy 属性定义圆点的 x 和 y 坐标。如果省略 cx 和 cy,圆的中心会被设置为 (0, 0)

r 属性定义圆的半径。

查看例子
分享到:
评论

相关推荐

    java循环输出源代码

    源代码&lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type"content="text/html;... &lt;ol type="circle"&gt; &lt;li&gt;本地磁盘C:&lt;/li&gt; &lt;ol type="square"&gt; 我的文档&lt;br/&gt; 我的收蒧 &lt;/ol&gt; &lt;/dl&gt; &lt;/ol&gt;

    BUS Hound

    The following table describes the units of the time format.&lt;br&gt;&lt;br&gt;Name Units&lt;br&gt;us Microseconds&lt;br&gt;ms Milliseconds&lt;br&gt;sc Seconds&lt;br&gt;mn Minutes&lt;br&gt;hr Hours&lt;br&gt;dy Days&lt;br&gt;&lt;br&gt;&lt;br&gt;Cmd.Phase.Ofs(rep)&lt;br...

    C++程序设计-最新.pdf

    C++程序设计 实验一 熟悉实验环境 1) 创建一个控制台项目 选择菜单 File"New, 在 Projects 标签下选择 Windows32 Console Application, 输入 项目名称"circle",然后按 OK 2) 在项目中增加一个文件 选择菜单 File...

    js所写轮播图的方法

    js所写轮播图方法:&lt;div class=... &lt;ol id="circle"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &lt;li&gt;4&lt;/li&gt; &lt;li&gt;5&lt;/li&gt; &lt;/ol&gt; &lt;img src="images/left.jpg" id="left"&gt; &lt;img src="images/right.jpg" id="right"&gt; &lt;/div&gt;

    jQuery SVG实现Loading加载按钮动画图标特效.zip

    &lt;span&gt;circle&lt;/span&gt; &lt;/label&gt; &lt;label&gt; &lt;input type="radio" name="loaders" value="infinity-loading"/&gt; &lt;span&gt;infinity&lt;/span&gt; &lt;/label&gt; &lt;/div&gt; &lt;div class="positions"&gt; &lt;h2&gt;Positions&lt;/h2&gt; ...

    agg_svg_viewer补丁包

    AGG是一个开源的二维图形引擎,它提供了一个功能有限的SVG解析、渲染工具svg_viewer。我对svg_viewer做了如下改进: - 支持解析 &lt;circle&gt;、&lt;ellipse&gt; 元素,以及&lt;rect&gt; 的 rx、ry 属性(圆角矩形)。 - 支持格式为...

    博客网站首页界面

    &lt;div&gt;&lt;span class="date"&gt;Mar 18th&lt;/span&gt;&lt;span class="categories"&gt;in: Photos, Retro&lt;/span&gt;&lt;/div&gt; &lt;div class="description"&gt; &lt;p&gt;&lt;img src="images/pic1.jpg" alt="" width="239" height="232" /&gt; Lorem ...

    HTML5的SVG动画圆点索引按钮焦点图切换特效.zip

    &lt;circle id="circular-line-path" stroke-width="4" cx="19" cy="19" r="17"&gt;&lt;/circle&gt; &lt;/g&gt; &lt;/svg&gt; &lt;/div&gt; &lt;!-- straight line --&gt; &lt;div class="straight-line"&gt;&lt;/div&gt; &lt;div class="dot active"&gt;&lt;/...

    circle代码

    void show 将圆的半径 周长 面积输出到屏幕"&gt;编写一个圆类Circle 该类拥有: ①一个成员变量 Radius(私有 浮点型); 存放圆的半径; ②两个构造方法 Circle 将半径设为0 Circle double r 创建Circle对象...

    Software Testing and Continuous Quality Improvement

    Software Testing and Continuous Quality Improvement&lt;br&gt;&lt;br&gt;SECTION I SOFTWARE QUALITY IN PERSPECTIVE . . . . . . . . . . . . . . . 1&lt;br&gt;1 Quality Assurance Framework. . . . . . . . . . . . . . . . . ....

    CircleTest_java_设计一个circle_点类_圆类_

    设计一个圆Circle类,包含圆心和半径两个数据成员。(1)编写合理的构造方法。(2)编写计算圆面积的方法getArea(3)编写计算圆是否包含指定点的方法contains(Point) contains(int x int y)。设计Point类,包括构造...

    java实验实现圆类Circle,Cylinder

    (4)根据下面的要求实现圆类Circle。 ① 圆类Circle的成员变量:radius表示圆的半径。  ② 圆类Circle的方法成员:  Circle():构造方法,将半径置0  Circle(double r):构造方法,创建Circle对象时将半径...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div &lt;div align="center" id="container" title="这是一个div"&gt;&lt;/div&gt; 四大...

    原生js实现简单的Ripple按钮实例代码

    整理文档,搜刮出一个原生js实现简单的Ripple按钮的代码,稍微整理精简一下做下分享。 效果如图 准备食材(html部分) &lt;ul id=nav&gt; &lt;li&gt; &lt;a href='#'&gt; &lt;span&gt;首页&lt;/span&gt; &lt;span class=circle&gt;&lt;/span&gt; &lt;/a&gt; ...

    JAR程序批量更名软件

    由于自己用“口袋书屋”做了很多电子书,可是装到自己的D908中后名字全部显示成“Mobook”,并且每次只能安装一个,&lt;br&gt;后安装的书就把前面装的书给覆盖掉了,很是郁闷。&lt;br&gt; 在这上面找了一个JarRename的软件,...

    jquery 动态处理页面中input 非空验证,和部分格式验证信息

    '&gt;&lt;i class='fa fa-info-circle'&gt;&lt;/i&gt;几个分数不能为空&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; * checkallStr() 校验页面中所有标识的输入框信息 使用场景 是 * msginfo(objid,objmess) 校验非空信息提示 #B0B0B0 灰色色值 ...

    实现一个圆类

    一、定义一个名为Circle的圆类,位于shape包中。要求如下: (1) 该类需要描述圆在二维坐标系中的位置,圆心的横、纵坐标值均取整数;描述圆的半径,取双精度类型。 (2) 无参构造方法将圆心坐标设为坐标圆点,半径...

    兰理工网页作业之个人简历制作

    &lt;!DOCTYPE html&gt; &lt;... &lt;head&gt;... &lt;h1&gt;链接部分:&lt;/h1&gt; &lt;p&gt;艺术字&lt;/p&gt; &lt;p&gt;个人照片&lt;/p&gt; &lt;p&gt;左眼睛&lt;/p&gt; &lt;p&gt;右眼睛&lt;/p&gt; &lt;p&gt;嘴&lt;/p&gt; &lt;/div&gt; &lt;/map&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    定义一个圆类circle,它有一个变量radius(半径)。从键盘输入数据,通过构造函数的参数传递给radius,编程计算并输出圆的的周长和面积。但是,必须确保输入的数据不为复数。

    定义一个圆类circle,它有一个变量radius(半径)。从键盘输入数据,通过构造函数的参数传递给radius,编程计算并输出圆的的周长和面积。但是,必须确保输入的数据不为复数。

    circle-menu-android::heavy_large_circle:CircleMenu是一个简单而优雅的UI菜单,具有圆形布局和材质设计动画。 @Ramotion制作的Android UI库

    循环菜单[JAVA] 简单,优雅的UI菜单,具有圆形布局和材质设计动画 我们专门从事针对移动应用程序和网站的... &lt; artifactId&gt;circle-menu&lt;/ artifactId&gt; &lt; version&gt;0.3.2&lt;/ version&gt; &lt;/ dependency&gt; 基本用法 如下图所

Global site tag (gtag.js) - Google Analytics