SVG基础五:圆形
来源:互联网 发布:中国核潜艇096知乎 编辑:程序博客网 时间:2024/06/12 18:39
<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 属性定义圆的半径。
查看例子
阅读全文
0 0
- SVG基础五:圆形
- SVG绘制圆形
- svg圆形渐变
- SVG画圆形进度条
- svg圆形彩色进度条
- Android动画 SVG VectorDrawable 基础五 Path动画
- SVG Dom绘制圆形
- SVG基础 | SVG PATH 元素
- SVG基础一:认识SVG
- SVG基础二:SVG编写
- HTML5学习(五)----SVG
- 一个基于svg的圆形loading动画
- SVG绘制圆形简单示例分享
- svg基础 3
- svg基础 4 路径
- svg基础 4 标记
- svg基础 结束
- svg基础学习笔记
- 动态-JS实现给对象动态添加属性并赋值 及 实现AJAX data传递动态key键名
- 为什么 SQL 正在击败 NoSQL,这对未来的数据意味着什么?
- Ubuntu下查看显卡型号及NVIDIA驱动版本
- Mac Eclipse 安装Spring
- TeamViewer选项中各按钮的作用
- SVG基础五:圆形
- 微信小程序SEO优化
- pdf.js使用教程(支持IE9以上)
- Java集合框架3(泛型集合)
- 关于模型视图矩阵的相机
- 解决redis desktop manager 链接redis服务器链接不上问题
- js基础知识总结
- 在windows创建第一个Flask框架的Python Web
- 迅搜在CentOS7上的安装(yum源)