扫二维码下载作业帮
拍照搜题，秒出答案，一键查看所有搜题记录
下载作业帮安装包
扫二维码下载作业帮
拍照搜题，秒出答案，一键查看所有搜题记录
一间长方体教室，长8.5米，宽6米，高4米．如果要粉刷这间教室四周的墙壁和天花板（门窗、黑板的面积是20平方米），每平方米墙壁用0.25千克涂料，准备40千克涂料够不够？
作业帮用户
扫二维码下载作业帮
拍照搜题，秒出答案，一键查看所有搜题记录
（1）8.5×4×2+6×4×2+8.5×6-20，=68+48+51-20，=147（平方米）；（2）0.25×147=36.75（千克）；36.75＜40，答：准备40千克涂料够．
为您推荐：
其他类似问题
求出前后、左右和上五个面的面积并从中扣除门窗和黑板面积20平方米即为粉刷的面积；然后用每平方米用料乘粉刷面积求出总用料，再与40比较即可得解．
本题考点：
长方体、正方体表面积与体积计算的应用．
考点点评：
解答此题的关键是灵活应用长方体表面积公式解决实际问题．
扫描下载二维码正在初始化报价器地面长16.5米、宽8.5米、间隔20厘米！要多少根钢筋?3个回答yanglei2328231您好：我想问到12月我30岁了，父母我都没房工资我不到3000元未婚，有什么好办法快和省钱谢谢3M3个回答qzuser_你好，这几家比较专业，在这给你推荐下
沧州市天狮装饰装修有限公司
地址： 沧州市解放西路82-15
沧州市天绘装饰装修有限公司
地址： 永安南大道凤凰城C区底商10-10号
南海装饰装修有限公司
地址： 胜利东路玖玖快餐西北侧30米
3个回答枫叶只为知秋个人住房贷款是中国建设银行用信贷资金向在中国大陆境内城镇购买、建造、大修各类型住房的自然人发放的贷款。即通常所称"个人住房按揭贷款。
1、贷款用途：用于支持个人在中国大陆境内城镇购买、建造、大修住房。
2、贷款对象：具有完全民事行为能力的中国公民，在中国大陆有居留权的具有完全民事行为能力的港澳台自然人，在中国大陆境内有居留权的具有完全民事行为能力的外国人。
3、贷款条件：
借款人必须同时具备下列条件：
(1)有合法的身份。
(2)有稳定的经济收入，信用良好，有偿还贷款本息的能力。
(3)有合法有效的购买、建造、大修住房的合同、协议以及贷款行要求提供的其他证明文件。
(4)有所购住房全部价款30%以上的自筹资金(对购买自住住房且套型建筑面积90平方米以下的, 自筹资金比例为20%)，并保证用于支付所购住房的首付款。
(5)有贷款行认可的资产进行抵押或质押，或(和)有足够代偿能力的法人、其他经济组织或自然人作为保证人。
(6)贷款行规定的其他条件。
4、贷款额度：最高为所购(建造、大修)住房全部价款或评估价值(以低者为准)的80％；
5、贷款期限：一般最长不超过30年。
6、贷款利率：按照中国人民银行和中国银行业监督管理委员会的相关利率政策执行。
7、申请贷款应提交的资料：
(1)身份证件复印件(居民身份证、户口簿、军官证、在中国大陆有居留权的境外、国外自然人为护照、探亲证、返乡证等居留证件或其他身份证件)；
(2)贷款行认可的借款人偿还能力证明资料；
(3)合法有效的购买(建造、大修)住房合同、协议及相关批准文件；
(4)借款人用于购买(建造、大修)住房的自筹资金的有关证明；
(5)房屋销(预)售许可证或楼盘的房地产权证(现房)(复印件)；
(6)贷款行规定的其他文件和资料。
8、客户贷款流程：
(1)贷款咨询：通过网点、电话或网站了解个人住房贷款对象、贷款条件、贷款额度、期限、利率、还款方式、贷款程序等情况；
(2)贷款申请：提交建行规定的申请个人住房贷款的材料；
(3)签订合同：客户的申请获得批准后，与建行签订住房贷款合同；
(4)贷款发放：建行在条件具备时按合同约定发放贷款；
(5)客户还款：客户按合同约定按时还款；
(6)贷后服务：客户享受建行提供的新产品和增值服务。
3个回答chencao157你好,很高兴为你解答:
地下室防水面积计算方法是是这样的。地下室防水层，按实铺面积计算，但不扣除0.3m2以内的孔洞面积。平面与立面交接处的防水层，若上卷高度未超过500mm则计入平面防水，若上卷高度超过500mm按立面防水层计算。
希望我的回答对你有帮助，谢谢
3个回答jewrkwqg318638看热水器的类型。
如果是储水式电热水器，其功率最常见的是1000W、1500W、1800W、2000W、2500W、3000W。
如果是即热式电热水器，则其功率比这个大得多。
而燃气热水器的耗电功率很小。
3个回答安卓5739铭万筛网源头厂家
地址：中国广东广州市经济技术开发区东区路口(新墩村下基北一路47号对面大楼首层筛网厂)
公交线路：21路南线 → 28路，全程约12.1公里
水龙头过滤网具有容尘量大，阻力小、通风量大等特点，铝合金型材，高强度的冷拔丝支撑架，结构牢固，不易变形。外框和支撑架均可重复使用，日后维护只需更换，希望我的回答能够帮助你
2个回答我区23lvZS现在很多人装修房子的时候都有腾出一个房间做为书房，那书房装修有哪些注意事项呢？下面我们一起来看看。1.书房的设计与布置――书房布置一般需保持相对的独立性，并配以相应的工作室家具设备，诸如电脑、绘图桌等，以满足使用要求。其设计应以舒适宁静为原则，特别是对干一些从事如美术、音乐、写作等的人来说，应以最大程度地方便其进行工作为出点。2.书房家具怎样符合人体尺度――根据人的活动规律、人体各部位尺寸和在使用家具时的姿势来确定书房家具的结构、尺寸和摆放位置。3.书桌的尺寸如何确定――家用书桌最好不要采用写字楼用的办公桌，因其不一定与其他家具相协调。4.书房色彩如何配置――在色彩方面，书房环境的颜色和家具颜色，使用冷色调者居多，这有助于人的心境平稳、气血通畅。由于书房是长时间使用的场所，应避免强烈刺激，宜多用明亮的无彩色或灰棕色等中性颜色。为了得到一个统一的情调。家具和摆设的本色，可以与四壁的颜色使用同一个调子，在其中点缀一些和谐的色彩。5.书房如何选择照明――书房照明应有利于人们精力充沛地学习和工作，光线要柔和明亮要避免眩光。6.书房灯具如何选择――书房照明主要以满足阅读、写作和学习之用，故以局部灯光照明为主。7.书房陈设如何布置――书房布置得舒适合宜，有利于人们聚精会神地研读。将鲜花、竹筒或其他花器挂于壁上，可形成幽雅的环境。关于书房的装修事项就与您分享到这里，给您做个参考，如果您有更多的装修问题，可以多去看看装修方面的知识。
3个回答口丁口丁口w1、开始--运行--services.msc，检查themes服务是否开启？若没有开启，请开启。
2、右击我的电脑--属性--高级--性能设置--视觉效果--调整为最佳外观！
希望我的回答是有效的并且能帮到你。
2个回答珠玑雨润转让方(甲方)： 身份证号码：
受让方(乙方)： 身份证号码：
房东(丙方)： 身份证号码：
甲、乙、丙三方经友好协商，就店铺转让事宜达成以下协议：
一、丙方同意甲方将自己位于 街(路) 号的店铺(原为： )转让给乙方使用，建筑面积为 平方米；并保证乙方同等享有甲方在原有房屋租赁合同中所享有的权利与义务。
二、丙方与甲方已签订了租赁合同，租期到 年 月 日止，年租金为 元人民币(大写： )，租金为每年交付一次，并于约定日期提前一个月交至丙方。店铺转让给乙方后，乙方同意代替甲方向丙方履行原有店铺租赁合同中所规定的条款，并且每年定期交纳租金及该合同所约定的应由甲方交纳的水电费及其他各项费用。
三、转让后店铺现有的装修、装饰及其他所有设备全部归乙方所有，租赁期满后房屋装修等不动产归丙方所有，营业设备等动产归乙方(动产与不动产的划分按原有租赁合同执行)。
四、乙方在 年 月 日前一次性向甲方支付转让费共计人民币 元，(大写： )，上述费用已包括第三条所述的装修、装饰、设备及其他相关费用，此外甲方不得再向乙方索取任何其他费用。
五、甲方应该协助乙方办理该店铺的工商营业执照、卫生许可证等相关证件的过户手续，但相关费用由乙方负责；乙方接手前该店铺所有的一切债权、债务均由甲方负责；接手后的一切经营行为及产生的债权、债务由乙方负责。
六、如乙方逾期交付转让金，除甲方交铺日期相应顺延外，乙方应每日向甲方支付转让费的千分之一作为违约金，逾期30日的，甲方有权解除合同，并且乙方必须按照转让费的10%向甲方支付违约金。如果由于甲方原因导致转让中止，甲方同样承担违约责任，并向乙方支付转让费的10%作为违约金。
七、如因自然灾害等不可抗因素导致乙方经营受损的与甲方无关，但遇政府规划，国家征用拆迁店铺，其有关补偿归乙方。
八、本合同一式三份，三方各执一份，自三方签字之日起生效。
甲方签字：
乙方签字：
丙方签字：
3个回答dota是我的命近经常有人来问:“我买的期房,还没有交房,可不可以卖呢?”,第一反应是当然不可以!房产证都还没有拿到,就想卖房子了?谁来买你的房啊?但是,找专业人士了解了一下,还真的可以操作啊。热门问答123456789101112131415161718192021222324252627282930大家都在搜：
扫描二维码安装房天下APP
手机浏览器访问房天下
> > 问题详情
两层楼房跨度11.6×8.5米,第一层用双十字梁,中间不加柱子,请问第二层还用十字梁吗
浏览次数：0
二手房经纪人
撒个V字的费那好吧
房天下知识为您分享了一条干货
120073浏览
手机动态登录
请输入用户名/邮箱/手机号码！
请输入密码！
没有房天下通行证，
ask:2,asku:0,askr:61,askz:15,askd:16,RedisW:35askR:34,askD：35 mz:hit,askU:0,askT:0askA:71
Copyright &
北京拓世宏业科技发展有限公司
Beijing Tuo Shi Hong Ye Science&Technology Development Co.,Ltd 版权所有
违法信息举报邮箱：Paths – SVG 1.1 (Second Edition)
8 PathsContents
8.1 Introduction
Paths represent the outline of a shape which can be filled,
stroked, used as a clipping path, or any combination of the
three. (See
A path is described using the concept of a current point. In
an analogy with drawing on paper, the current point can be
thought of as the location of the pen. The position of the pen
can be changed, and the outline of a shape (open or closed) can
be traced by dragging the pen in either straight lines or
Paths represent the geometry of the outline of an object,
defined in terms of moveto (set a new current point),
lineto (draw a straight line), curveto (draw
a curve using a cubic Bézier), arc (elliptical
or circular arc) and closepath (close the current
shape by drawing a line to the last moveto) elements.
Compound paths (i.e., a path with multiple subpaths) are
possible to allow effects such as "donut holes" in objects.
This chapter describes the syntax, behavior and DOM
interfaces for SVG paths. Various implementation notes for SVG
paths can be found in
A path is defined in SVG using the
8.2 The ‘path’ element
‘path’Categories:, Content model:Any number of the following elements, in any order:
— , , , ,
— , , Attributes: — , ,
— , , , , , , , , ,
— , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , DOM Interfaces:
Attribute definitions:
d = "path data"The definition of the outline of a shape. See .
Path data animation is only possible when each path data
specification within an animation specification has exactly
the same list of path data commands as the
attribute. If an animation is
specified and the list of path data commands is not the
same, then the animation specification is in error (see ).
The animation engine interpolates each parameter to each
path data command separately based on the attributes to the
given animation element. Flags and booleans are
interpolated as fractions between zero and one, with any
non-zero value considered to be a value of one/true.pathLength = ""The author's computation of the total length of the
path, in user units. This value is used to calibrate the
user agent's own
calculations with that of the author. The user agent will
scale all distance-along-a-path computations by the ratio
to the user
agent's own computed value for total path length.
potentially affects
calculations for ,
A negative value is an error (see ).
8.3 Path data
A path is defined by including a
element which contains a d="(path data)"
attribute, where the
attribute contains the
moveto, line, curve (both cubic and
quadratic Béziers), arc and closepath
instructions.
Example triangle01
specifies a path in the shape of a triangle. (The
M indicates a moveto, the
Ls indicate linetos, and the
z indicates a closepath).
&?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="4cm" height="4cm" viewBox="0 0 400 400"
xmlns="http://www.w3.org/2000/svg" version="1.1"&
&title&Example triangle01- simple example of a 'path'&/title&
&desc&A path that draws a triangle&/desc&
&rect x="1" y="1" width="398" height="398"
fill="none" stroke="blue" /&
&path d="M 100 100 L 300 100 L 200 300 z"
fill="red" stroke="blue" stroke-width="3" /&
&/svg&Example triangle01
Path data can contain newline characters and thus can be
broken up into multiple lines to improve readability. Because
of line length limitations with certain related tools, it is
recommended that SVG generators split long path data strings
across multiple lines, with each line not exceeding 255
characters. Also note that newline characters are only allowed
at certain places within path data.
The syntax of path data is concise in order to allow for
minimal file size and efficient downloads, since many SVG files
will be dominated by their path data. Some of the ways that SVG
attempts to minimize the size of path data are as follows:
All instructions are expressed as one character (e.g., a
moveto is expressed as an M).Superfluous white space and separators such as commas can
be eliminated (e.g., "M 100 100 L 200 200" contains
unnecessary spaces and could be expressed more compactly as
"M100 100L200 200").The command letter can be eliminated on subsequent
commands if the same command is used multiple times in a row
(e.g., you can drop the second "L" in "M 100 200 L 200 100 L
-100 -200" and use "M 100 200 L 200 100 -100 -200"
instead).Relative versions of all commands are available
(uppercase means absolute coordinates, lowercase means
relative coordinates).Alternate forms of lineto are available to
optimize the special cases of horizontal and vertical lines
(absolute and relative).Alternate forms of curve are available to
optimize the special cases where some of the control points
on the current segment can be determined automatically from
the control points on the previous segment.
The path data syntax is a prefix notation (i.e., commands
followed by parameters). The only allowable decimal point is a
U+0046 FULL STOP (".") character (also referred to in Unicode as
PERIOD, dot and decimal point) and no other delimiter
characters are allowed [].
(For example, the following is an
invalid numeric value in a path data stream: "13,000.56".
Instead, say: "13000.56".)
For the relative versions of the commands, all coordinate
values are relative to the current point at the start of the
In the tables below, the following notation is used:
(): grouping of parameters+: 1 or more of the given parameter(s) is required
The following sections list the commands.
8.3.2 The "moveto" commands
The "moveto" commands (M or
m) establish a new current point. The effect
is as if the "pen" were lifted and moved to a new location. A
path data segment (if there is one) must begin with a "moveto"
command. Subsequent "moveto" commands (i.e., when the "moveto"
is not the first command) represent the start of a new
CommandNameParametersDescriptionM (absolute)
m (relative)moveto(x y)+
Start a new sub-path at the given (x,y) coordinate.
M (uppercase) indicates that absolute
coo m (lowercase)
indicates that relative coordinates will follow. If a moveto is
followed by multiple pairs of coordinates, the subsequent pairs
are treated as implicit lineto commands. Hence, implicit lineto
commands will be relative if the moveto is relative, and
absolute if the moveto is absolute. If a relative moveto
(m) appears as the first element of the path,
then it is treated as a pair of absolute coordinates. In this
case, subsequent pairs of coordinates are treated as relative
even though the initial moveto is interpreted as an absolute moveto.
8.3.3 The "closepath" command
The "closepath" (Z or z)
ends the current subpath and causes an automatic straight line
to be drawn from the current point to the initial point of the
current subpath. If a "closepath" is followed immediately by a
"moveto", then the "moveto" identifies the start point of the
next subpath. If a "closepath" is followed immediately by any
other command, then the next subpath starts at the same initial
point as the current subpath.
When a subpath ends in a "closepath," it differs in behavior
from what happens when "manually" closing a subpath via a
"lineto" command in how
are implemented. With "closepath", the end of the final segment
of the subpath is "joined" with the start of the initial
segment of the subpath using the current value of .
If you instead "manually" close the subpath via a "lineto"
command, the start of the first segment and the end of the last
segment are not joined but instead are each capped using the
current value of .
At the end of the command, the new current point is set to the
initial point of the current subpath.
CommandNameParametersDescriptionZ or
zclosepath(none)Close the current subpath by drawing a straight line from the
current point to current subpath's initial point. Since the Z and z
commands take no parameters, they have an identical effect.
8.3.4 The "lineto" commands
The various "lineto" commands draw straight lines from the
current point to a new point:
CommandNameParametersDescriptionL (absolute)
l (relative)lineto(x y)+Draw a line from the current point to the given (x,y)
coordinate which becomes the new current point.
L (uppercase) indicates that absolute
coo l (lowercase)
indicates that relative coordinates will follow. A number
of coordinates pairs may be specified to draw a polyline.
At the end of the command, the new current point is set to
the final set of coordinates provided.H (absolute)
h (relative)horizontal linetox+Draws a horizontal line from the current point (cpx,
cpy) to (x, cpy). H (uppercase) indicates
that absolute coo h
(lowercase) indicates that relative coordinates will
follow. Multiple x values can be provided (although usually
this doesn't make sense). At the end of the command, the
new current point becomes (x, cpy) for the final value of
x.V (absolute)
v (relative)vertical linetoy+Draws a vertical line from the current point (cpx, cpy)
to (cpx, y). V (uppercase) indicates that
absolute coo v
(lowercase) indicates that relative coordinates will
follow. Multiple y values can be provided (although usually
this doesn't make sense). At the end of the command, the
new current point becomes (cpx, y) for the final value of
8.3.5 The curve commands
These three groups of commands draw curves:
s). A cubic Bézier segment is defined
by a start point, an end point, and two control points. (Q,
t). A quadratic Bézier segment is
defined by a start point, an end point, and one control
point. (A and a).
An elliptical arc segment draws a segment of an ellipse.
8.3.6 The cubic Bézier curve commands
The cubic Bézier commands are as follows:
CommandNameParametersDescriptionC (absolute)
c (relative)curveto(x1 y1 x2 y2 x y)+Draws a cubic Bézier curve from the current
point to (x,y) using (x1,y1) as the control point at the
beginning of the curve and (x2,y2) as the control point at
the end of the curve. C (uppercase)
indicates that absolute coo
c (lowercase) indicates that relative
coordinates will follow. Multiple sets of coordinates may
be specified to draw a polybézier. At the end of the
command, the new current point becomes the final (x,y)
coordinate pair used in the polybézier.S (absolute)
s (relative)shorthand/smooth curveto(x2 y2 x y)+Draws a cubic Bézier curve from the current
point to (x,y). The first control point is assumed to be
the reflection of the second control point on the previous
command relative to the current point. (If there is no
previous command or if the previous command was not an C,
c, S or s, assume the first control point is coincident
with the current point.) (x2,y2) is the second control
point (i.e., the control point at the end of the curve).
S (uppercase) indicates that absolute
coo s (lowercase)
indicates that relative coordinates will follow. Multiple
sets of coordinates may be specified to draw a
polybézier. At the end of the command, the new
current point becomes the final (x,y) coordinate pair used
in the polybézier.
Example cubic01 shows some
simple uses of cubic Bézier commands within a path. The
example uses an internal CSS style sheet to assign styling
properties. Note that the control point for the "S" command is
computed automatically as the reflection of the control point
for the previous "C" command relative to the start point of the
"S" command.
&?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="5cm" height="4cm" viewBox="0 0 500 400"
xmlns="http://www.w3.org/2000/svg" version="1.1"&
&title&Example cubic01- cubic Bézier commands in path data&/title&
&desc&Picture showing a simple example of path data
using both a "C" and an "S" command,
along with annotations showing the control points
and end points&/desc&
&style type="text/css"&&![CDATA[
.Border { fill: stroke: stroke-width:1 }
.Connect { fill: stroke:#888888; stroke-width:2 }
.SamplePath { fill: stroke: stroke-width:5 }
.EndPoint { fill: stroke:#888888; stroke-width:2 }
.CtlPoint { fill:#888888; stroke:none }
.AutoCtlPoint { fill: stroke: stroke-width:4 }
.Label { font-size:22; font-family:Verdana }
]]&&/style&
&rect class="Border" x="1" y="1" width="498" height="398" /&
&polyline class="Connect" points="100,200 100,100" /&
&polyline class="Connect" points="250,100 250,200" /&
&polyline class="Connect" points="250,200 250,300" /&
&polyline class="Connect" points="400,300 400,200" /&
&path class="SamplePath" d="M100,200 C100,100 250,100 250,200
S400,300 400,200" /&
&circle class="EndPoint" cx="100" cy="200" r="10" /&
&circle class="EndPoint" cx="250" cy="200" r="10" /&
&circle class="EndPoint" cx="400" cy="200" r="10" /&
&circle class="CtlPoint" cx="100" cy="100" r="10" /&
&circle class="CtlPoint" cx="250" cy="100" r="10" /&
&circle class="CtlPoint" cx="400" cy="300" r="10" /&
&circle class="AutoCtlPoint" cx="250" cy="300" r="9" /&
&text class="Label" x="25" y="70"&M100,200 C100,100 250,100 250,200&/text&
&text class="Label" x="325" y="350"
style="text-anchor:middle"&S400,300 400,200&/text&
&/svg&Example cubic01
The following picture shows some how cubic Bézier
curves change their shape depending on the position of the
control points. The first five examples illustrate a single
cubic Bézier path segment. The example at the lower
right shows a "C" command followed by an "S" command.
8.3.7 The quadratic Bézier curve commands
The quadratic Bézier commands are as follows:
CommandNameParametersDescriptionQ (absolute)
q (relative)quadratic Bézier curveto(x1 y1 x y)+Draws a quadratic Bézier curve from the current
point to (x,y) using (x1,y1) as the control point.
Q (uppercase) indicates that absolute
coo q (lowercase)
indicates that relative coordinates will follow. Multiple
sets of coordinates may be specified to draw a
polybézier. At the end of the command, the new
current point becomes the final (x,y) coordinate pair used
in the polybézier.T (absolute)
t (relative)Shorthand/smooth quadratic Bézier curveto(x y)+Draws a quadratic Bézier curve from the current
point to (x,y). The control point is assumed to be the
reflection of the control point on the previous command
relative to the current point. (If there is no previous
command or if the previous command was not a Q, q, T or t,
assume the control point is coincident with the current
point.) T (uppercase) indicates that
absolute coo t
(lowercase) indicates that relative coordinates will
follow. At the end of the command, the new current point
becomes the final (x,y) coordinate pair used in the
polybézier.
Example quad01 shows some
simple uses of quadratic Bézier commands within a path.
Note that the control point for the "T" command is computed
automatically as the reflection of the control point for the
previous "Q" command relative to the start point of the "T"
&?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="12cm" height="6cm" viewBox="0 0 "
xmlns="http://www.w3.org/2000/svg" version="1.1"&
&title&Example quad01 - quadratic Bézier commands in path data&/title&
&desc&Picture showing a "Q" a "T" command,
along with annotations showing the control points
and end points&/desc&
&rect x="1" y="1" width="1198" height="598"
fill="none" stroke="blue" stroke-width="1" /&
&path d="M200,300 Q400,50 600,300 T"
fill="none" stroke="red" stroke-width="5"
&!-- End points --&
&g fill="black" &
&circle cx="200" cy="300" r="10"/&
&circle cx="600" cy="300" r="10"/&
&circle cx="1000" cy="300" r="10"/&
&!-- Control points and lines from end points to control points --&
&g fill="#888888" &
&circle cx="400" cy="50" r="10"/&
&circle cx="800" cy="550" r="10"/&
&path d="M200,300 L400,50 L600,300
L800,550 L"
fill="none" stroke="#888888" stroke-width="2" /&
&/svg&Example quad01
8.3.8 The elliptical arc curve commands
The elliptical arc commands are as follows:
CommandNameParametersDescriptionA (absolute)
a (relative)elliptical arc(rx ry x-axis-rotation large-arc-flag sweep-flag x
y)+Draws an elliptical arc from the current point to
(x, y). The size and
orientation of the ellipse are defined by two radii
(rx, ry) and an
x-axis-rotation, which indicates how the
ellipse as a whole is rotated relative to the current
coordinate system. The center (cx,
cy) of the ellipse is calculated
automatically to satisfy the constraints imposed by the
other parameters. large-arc-flag and
sweep-flag contribute to the automatic
calculations and help determine how the arc is drawn.
Example arcs01 shows some
simple uses of arc commands within a path.
&?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="12cm" height="5.25cm" viewBox="0 0 "
xmlns="http://www.w3.org/2000/svg" version="1.1"&
&title&Example arcs01 - arc commands in path data&/title&
&desc&Picture of a pie chart with two pie wedges and
a picture of a line with arc blips&/desc&
&rect x="1" y="1" width="1198" height="398"
fill="none" stroke="blue" stroke-width="1" /&
&path d="M300,200 h-150 a150,150 0 1,0 150,-150 z"
fill="red" stroke="blue" stroke-width="5" /&
&path d="M275,175 v-150 a150,150 0 0,0 -150,150 z"
fill="yellow" stroke="blue" stroke-width="5" /&
&path d="M600,350 l 50,-25
a25,25 -30 0,1 50,-25 l 50,-25
a25,50 -30 0,1 50,-25 l 50,-25
a25,75 -30 0,1 50,-25 l 50,-25
a25,100 -30 0,1 50,-25 l 50,-25"
fill="none" stroke="red" stroke-width="5"
&/svg&Example arcs01
The elliptical arc command draws a section of an ellipse
which meets the following constraints:
the arc starts at the current pointthe arc ends at point (x,
y)the ellipse has the two radii (rx,
ry)the x-axis of the ellipse is rotated by
x-axis-rotation relative to the x-axis of
the current coordinate system.
For most situations, there are actually four different arcs
(two different ellipses, each with two different arc sweeps)
that satisfy these constraints. large-arc-flag
and sweep-flag indicate which one of the four
arcs are drawn, as follows:
Of the four candidate arc sweeps, two will represent an
arc sweep of greater than or equal to 180 degrees (the
"large-arc"), and two will represent an arc sweep of less
than or equal to 180 degrees (the "small-arc"). If
large-arc-flag is '1', then one of the two
larger arc s otherwise, if
large-arc-flag is '0', one of the smaller
arc sweeps will be chosen,If sweep-flag is '1', then the arc will
be drawn in a "positive-angle" direction (i.e., the ellipse
formula x=cx+rx*cos(theta)
and y=cy+ry*sin(theta) is
evaluated such that theta starts at an angle corresponding to
the current point and increases positively until the arc
reaches (x,y)). A value of 0 causes the arc to be drawn in a
"negative-angle" direction (i.e., theta starts at an angle
value corresponding to the current point and decreases until
the arc reaches (x,y)).
The following illustrates the four combinations of
large-arc-flag and sweep-flag
and the four different arcs that will be drawn based on the
values of these flags. For each case, the following path data
command was used:
&path d="M 125,75 a100,50 0 ?,? 100,50"
style="fill: stroke: stroke-width:6"/&
where "?,?" is replaced by "0,0" "0,1" "1,0" and "1,1" to
generate the four possible cases.
for detailed implementation notes for
the path data elliptical arc commands.
8.3.9 The grammar for path data
The following notation is used in the Backus-Naur Form (BNF)
description of the grammar for path data:
*: 0 or more+: 1 or more?: 0 or 1(): grouping|: separates alternativesdouble quotes surround literals
The following is the BNF for SVG paths.
wsp* moveto-drawto-command-groups? wsp*
moveto-drawto-command-groups:
moveto-drawto-command-group
| moveto-drawto-command-group wsp* moveto-drawto-command-groups
moveto-drawto-command-group:
moveto wsp* drawto-commands?
drawto-commands:
drawto-command
| drawto-command wsp* drawto-commands
drawto-command:
| horizontal-lineto
| vertical-lineto
| smooth-curveto
| quadratic-bezier-curveto
| smooth-quadratic-bezier-curveto
| elliptical-arc
( "M" | "m" ) wsp* moveto-argument-sequence
moveto-argument-sequence:
coordinate-pair
| coordinate-pair comma-wsp? lineto-argument-sequence
closepath:
("Z" | "z")
( "L" | "l" ) wsp* lineto-argument-sequence
lineto-argument-sequence:
coordinate-pair
| coordinate-pair comma-wsp? lineto-argument-sequence
horizontal-lineto:
( "H" | "h" ) wsp* horizontal-lineto-argument-sequence
horizontal-lineto-argument-sequence:
coordinate
| coordinate comma-wsp? horizontal-lineto-argument-sequence
vertical-lineto:
( "V" | "v" ) wsp* vertical-lineto-argument-sequence
vertical-lineto-argument-sequence:
coordinate
| coordinate comma-wsp? vertical-lineto-argument-sequence
( "C" | "c" ) wsp* curveto-argument-sequence
curveto-argument-sequence:
curveto-argument
| curveto-argument comma-wsp? curveto-argument-sequence
curveto-argument:
coordinate-pair comma-wsp? coordinate-pair comma-wsp? coordinate-pair
smooth-curveto:
( "S" | "s" ) wsp* smooth-curveto-argument-sequence
smooth-curveto-argument-sequence:
smooth-curveto-argument
| smooth-curveto-argument comma-wsp? smooth-curveto-argument-sequence
smooth-curveto-argument:
coordinate-pair comma-wsp? coordinate-pair
quadratic-bezier-curveto:
( "Q" | "q" ) wsp* quadratic-bezier-curveto-argument-sequence
quadratic-bezier-curveto-argument-sequence:
quadratic-bezier-curveto-argument
| quadratic-bezier-curveto-argument comma-wsp?
quadratic-bezier-curveto-argument-sequence
quadratic-bezier-curveto-argument:
coordinate-pair comma-wsp? coordinate-pair
smooth-quadratic-bezier-curveto:
( "T" | "t" ) wsp* smooth-quadratic-bezier-curveto-argument-sequence
smooth-quadratic-bezier-curveto-argument-sequence:
coordinate-pair
| coordinate-pair comma-wsp? smooth-quadratic-bezier-curveto-argument-sequence
elliptical-arc:
( "A" | "a" ) wsp* elliptical-arc-argument-sequence
elliptical-arc-argument-sequence:
elliptical-arc-argument
| elliptical-arc-argument comma-wsp? elliptical-arc-argument-sequence
elliptical-arc-argument:
nonnegative-number comma-wsp? nonnegative-number comma-wsp?
number comma-wsp flag comma-wsp? flag comma-wsp? coordinate-pair
coordinate-pair:
coordinate comma-wsp? coordinate
coordinate:
nonnegative-number:
integer-constant
| floating-point-constant
sign? integer-constant
| sign? floating-point-constant
comma-wsp:
(wsp+ comma? wsp*) | (comma wsp*)
integer-constant:
digit-sequence
floating-point-constant:
fractional-constant exponent?
| digit-sequence exponent
fractional-constant:
digit-sequence? "." digit-sequence
| digit-sequence "."
( "e" | "E" ) sign? digit-sequence
digit-sequence:
| digit digit-sequence
"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9"
(#x20 | #x9 | #xD | #xA)
The processing of the BNF must consume as much of a given
BNF production as possible, stopping at the point when a
character is encountered which no longer satisfies the
production. Thus, in the string "M 100-200", the first
coordinate for the "moveto" consumes the characters "100" and
stops upon encountering the minus sign because the minus sign
cannot follow a digit in the production of a "coordinate". The
result is that the first coordinate will be "100" and the
second coordinate will be "-200".
Similarly, for the string "M 0.6.5", the first coordinate of
the "moveto" consumes the characters "0.6" and stops upon
encountering the second decimal point because the production of
a "coordinate" only allows one decimal point. The result is
that the first coordinate will be "0.6" and the second
coordinate will be ".5".
Note that the BNF allows the path
attribute to be empty. This is not
an error, instead it disables rendering of the path.
8.4 Distance along a path
Various operations, including
and various , require that the user agent compute the
distance along the geometry of a graphics element, such as a .
Exact mathematics exist for computing distance along a path,
but the formulas are highly complex and require substantial
computation. It is recommended that authoring products and user
agents employ algorithms that produce as precise results as
however, to accommodate implementation differences
and to help distance calculations produce results that
approximate author intent, the
attribute can be used
to provide the author's computation of the total length of the
path so that the user agent can scale distance-along-a-path
computations by the ratio of
to the user agent's own
computed value for total path length.
A "moveto" operation within a
element is defined to have
zero length. Only the various "lineto", "curveto" and "arcto"
commands contribute to path length calculations.
8.5 DOM interfaces
8.5.1 Interface SVGPathSeg
interface is a base interface that corresponds to a
single command within a path data specification.
interface SVGPathSeg {
// Path Segment Types
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
const unsigned short
readonly attri
readonly attribute DOMS
PATHSEG_UNKNOWN (unsigned short)
The unit type is not one of predefined types. It is invalid to attempt
to define a new value of this type or to attempt to switch an existing
value to this type.
PATHSEG_CLOSEPATH (unsigned short)
Corresponds to a "closepath" (z) path data command.
PATHSEG_MOVETO_ABS (unsigned short)
Corresponds to a "absolute moveto" (M) path data command.
PATHSEG_MOVETO_REL (unsigned short)
Corresponds to a "relative moveto" (m) path data command.
PATHSEG_LINETO_ABS (unsigned short)
Corresponds to a "absolute lineto" (L) path data command.
PATHSEG_LINETO_REL (unsigned short)
Corresponds to a "relative lineto" (l) path data command.
PATHSEG_CURVETO_CUBIC_ABS (unsigned short)
Corresponds to a "absolute cubic Bézier curveto" (C) path data command.
PATHSEG_CURVETO_CUBIC_REL (unsigned short)
Corresponds to a "relative cubic Bézier curveto" (c) path data command.
PATHSEG_CURVETO_QUADRATIC_ABS (unsigned short)
Corresponds to a "absolute quadratic Bézier curveto" (Q) path data command.
PATHSEG_CURVETO_QUADRATIC_REL (unsigned short)
Corresponds to a "relative quadratic Bézier curveto" (q) path data command.
PATHSEG_ARC_ABS (unsigned short)
Corresponds to a "absolute arcto" (A) path data command.
PATHSEG_ARC_REL (unsigned short)
Corresponds to a "relative arcto" (a) path data command.
PATHSEG_LINETO_HORIZONTAL_ABS (unsigned short)
Corresponds to a "absolute horizontal lineto" (H) path data command.
PATHSEG_LINETO_HORIZONTAL_REL (unsigned short)
Corresponds to a "relative horizontal lineto" (h) path data command.
PATHSEG_LINETO_VERTICAL_ABS (unsigned short)
Corresponds to a "absolute vertical lineto" (V) path data command.
PATHSEG_LINETO_VERTICAL_REL (unsigned short)
Corresponds to a "relative vertical lineto" (v) path data command.
PATHSEG_CURVETO_CUBIC_SMOOTH_ABS (unsigned short)
Corresponds to a "absolute smooth cubic curveto" (S) path data command.
PATHSEG_CURVETO_CUBIC_SMOOTH_REL (unsigned short)
Corresponds to a "relative smooth cubic curveto" (s) path data command.
PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS (unsigned short)
Corresponds to a "absolute smooth quadratic curveto" (T) path data command.
PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL (unsigned short)
Corresponds to a "relative smooth quadratic curveto" (t) path data command.
pathSegType (readonly unsigned short)
The type of the path segment as specified by one of the constants
defined on this interface.
pathSegTypeAsLetter (readonly DOMString)
The type of the path segment, specified by the corresponding one
character command name.
8.5.2 Interface SVGPathSegClosePath
interface corresponds to a
"closepath" (z) path data command.
interface SVGPathSegClosePath :
8.5.3 Interface SVGPathSegMovetoAbs
interface corresponds to an
"absolute moveto" (M) path data command.
interface SVGPathSegMovetoAbs :
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.4 Interface SVGPathSegMovetoRel
interface corresponds to a
"relative moveto" (m) path data command.
interface SVGPathSegMovetoRel :
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.5 Interface SVGPathSegLinetoAbs
interface corresponds to an
"absolute lineto" (L) path data command.
interface SVGPathSegLinetoAbs :
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.6 Interface SVGPathSegLinetoRel
interface corresponds to a
"relative lineto" (l) path data command.
interface SVGPathSegLinetoRel :
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.7 Interface SVGPathSegCurvetoCubicAbs
interface corresponds to an
"absolute cubic Bézier curveto" (C) path data command.
interface SVGPathSegCurvetoCubicAbs :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x1 (float)
The absolute X coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y1 (float)
The absolute Y coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x2 (float)
The absolute X coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y2 (float)
The absolute Y coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.8 Interface SVGPathSegCurvetoCubicRel
interface corresponds to a
"relative cubic Bézier curveto" (c) path data command.
interface SVGPathSegCurvetoCubicRel :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x1 (float)
The relative X coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y1 (float)
The relative Y coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x2 (float)
The relative X coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y2 (float)
The relative Y coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.9 Interface SVGPathSegCurvetoQuadraticAbs
interface corresponds to an
"absolute quadratic Bézier curveto" (Q) path data command.
interface SVGPathSegCurvetoQuadraticAbs :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x1 (float)
The absolute X coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y1 (float)
The absolute Y coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.10 Interface SVGPathSegCurvetoQuadraticRel
interface corresponds to a
"relative quadratic Bézier curveto" (q) path data command.
interface SVGPathSegCurvetoQuadraticRel :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x1 (float)
The relative X coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y1 (float)
The relative Y coordinate for the first control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.11 Interface SVGPathSegArcAbs
interface corresponds to an
"absolute arcto" (A) path data command.
interface SVGPathSegArcAbs :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute boolean
setraises();
attribute boolean
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
r1 (float)
The x-axis radius for the ellipse (i.e., r1).
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
r2 (float)
The y-axis radius for the ellipse (i.e., r2).
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
angle (float)
The rotation angle in degrees for the ellipse's x-axis relative to the x-axis of the user coordinate system.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
largeArcFlag (boolean)
The value of the large-arc-flag parameter.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
sweepFlag (boolean)
The value of the sweep-flag parameter.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.12 Interface SVGPathSegArcRel
interface corresponds to a
"relative arcto" (a) path data command.
interface SVGPathSegArcRel :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute boolean
setraises();
attribute boolean
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
r1 (float)
The x-axis radius for the ellipse (i.e., r1).
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
r2 (float)
The y-axis radius for the ellipse (i.e., r2).
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
angle (float)
The rotation angle in degrees for the ellipse's x-axis relative to the x-axis of the user coordinate system.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
largeArcFlag (boolean)
The value of the large-arc-flag parameter.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
sweepFlag (boolean)
The value of the sweep-flag parameter.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.13 Interface SVGPathSegLinetoHorizontalAbs
interface corresponds to an
"absolute horizontal lineto" (H) path data command.
interface SVGPathSegLinetoHorizontalAbs :
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.14 Interface SVGPathSegLinetoHorizontalRel
interface corresponds to a
"relative horizontal lineto" (h) path data command.
interface SVGPathSegLinetoHorizontalRel :
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.15 Interface SVGPathSegLinetoVerticalAbs
interface corresponds to an
"absolute vertical lineto" (V) path data command.
interface SVGPathSegLinetoVerticalAbs :
attribute float
setraises();
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.16 Interface SVGPathSegLinetoVerticalRel
interface corresponds to a
"relative vertical lineto" (v) path data command.
interface SVGPathSegLinetoVerticalRel :
attribute float
setraises();
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.17 Interface SVGPathSegCurvetoCubicSmoothAbs
interface corresponds to an
"absolute smooth cubic curveto" (S) path data command.
interface SVGPathSegCurvetoCubicSmoothAbs :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x2 (float)
The absolute X coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y2 (float)
The absolute Y coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.18 Interface SVGPathSegCurvetoCubicSmoothRel
interface corresponds to a
"relative smooth cubic curveto" (s) path data command.
interface SVGPathSegCurvetoCubicSmoothRel :
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
x2 (float)
The relative X coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
y2 (float)
The relative Y coordinate for the second control point.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.19 Interface SVGPathSegCurvetoQuadraticSmoothAbs
interface corresponds to an
"absolute smooth cubic curveto" (T) path data command.
interface SVGPathSegCurvetoQuadraticSmoothAbs :
attribute float
setraises();
attribute float
setraises();
The absolute X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The absolute Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.20 Interface SVGPathSegCurvetoQuadraticSmoothRel
interface corresponds to a
"relative smooth cubic curveto" (t) path data command.
interface SVGPathSegCurvetoQuadraticSmoothRel :
attribute float
setraises();
attribute float
setraises();
The relative X coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
The relative Y coordinate for the end point of this path segment.
, code NO_MODIFICATION_ALLOWED_ERR Raised on an attempt
to change the value of a .
8.5.21 Interface SVGPathSegList
This interface defines a list of SVGPathSeg objects.
has the same attributes and methods as other
SVGxxxList interfaces. Implementers may consider using a single base class
to implement the various SVGxxxList interfaces.
interface SVGPathSegList {
readonly attr
void () raises();
newItem) raises();
(in unsigned long index) raises();
newItem, in unsigned long index) raises();
newItem, in unsigned long index) raises();
(in unsigned long index) raises();
newItem) raises();
numberOfItems (readonly unsigned long)
The number of items in the list.
void clear()
Clears all existing current items from the list, with the result being
an empty list.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
initialize(in
Clears all existing current items from the list and re-initializes the
list to hold the single item specified by the parameter.
If the inserted
item is already in a list, it is removed from its previous list before
it is inserted into this list.
The inserted item is the item itself and
not a copy.
The item which should become the only member of the list.
The item being inserted into the list.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
getItem(in unsigned long index)
Returns the specified item from the list.
The returned item is the
item itself and not a copy.
Any changes made to the item are
immediately reflected in the list.
unsigned long index
The index of the item from the list which is to be
The first item is number 0.
The selected item.
, code INDEX_SIZE_ERR Raised if the index number is
greater than or equal to .
insertItemBefore(in
newItem, in unsigned long index)
Inserts a new item into the list at the specified position. The first
item is number 0. If newItem is already in a list, it is
removed from its previous list before it is inserted into this list.
The inserted item is the item itself and not a copy. If the item is
already in this list, note that the index of the item to insert
before is before the removal of the item.
The item which is to be inserted into the list.
unsigned long index
The index of the item before which the new item is to be
inserted. The first item is number 0.
If the index is equal to 0,
then the new item is inserted at the front of the list. If the index
is greater than or equal to , then the new item is
appended to the end of the list.
The inserted item.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
replaceItem(in
newItem, in unsigned long index)
Replaces an existing item in the list with a new item. If
newItem is already in a list, it is removed from its
previous list before it is inserted into this list.
The inserted item
is the item itself and not a copy.
If the item is already in this
list, note that the index of the item to replace is before
the removal of the item.
The item which is to be inserted into the list.
unsigned long index
The index of the item which is to be replaced. The first
item is number 0.
The inserted item.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
, code INDEX_SIZE_ERR Raised if the index number is
greater than or equal to .
removeItem(in unsigned long index)
Removes an existing item from the list.
unsigned long index
The index of the item which is to be removed. The first
item is number 0.
The removed item.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
, code INDEX_SIZE_ERR Raised if the index number is
greater than or equal to .
appendItem(in
Inserts a new item at the end of the list. If newItem is
already in a list, it is removed from its previous list before it is
inserted into this list.
The inserted item is the item itself and
not a copy.
The item which is to be inserted. The first item is
The inserted item.
, code NO_MODIFICATION_ALLOWED_ERR Raised when the list
cannot be modified.
8.5.22 Interface SVGAnimatedPathData
The SVGAnimatedPathData interface supports elements which have a ‘d’
attribute which holds SVG path data, and supports the ability to animate
that attribute.
interface provides two lists to access and
modify the base (i.e., static) contents of the ‘d’ attribute:
DOM attribute
provides access to the static/base
contents of the ‘d’ attribute in a form which matches one-for-one
with SVG's syntax.
DOM attribute
provides normalized access
to the static/base contents of the ‘d’ attribute where all path
data commands are expressed in terms of the following subset of
SVG_PATHSEG_MOVETO_ABS (M),
SVG_PATHSEG_LINETO_ABS (L),
SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and
SVG_PATHSEG_CLOSEPATH (z).
and two lists to access the current animated values of the ‘d’
attribute:
DOM attribute
provides access to the current
animated contents of the ‘d’ attribute in a form which matches
one-for-one with SVG's syntax.
DOM attribute
normalized access to the current animated contents of the ‘d’
attribute where all path data commands are expressed in terms of the
following subset of
SVG_PATHSEG_MOVETO_ABS (M),
SVG_PATHSEG_LINETO_ABS (L),
SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and
SVG_PATHSEG_CLOSEPATH (z).
Each of the two lists are always kept synchronized. Modifications to one
list will immediately cause the corresponding list to be modified.
Modifications to
might cause entries in
to be broken into a set of normalized path segments.
Additionally, the
attribute on the
accessed via the XML DOM (e.g., using the getAttribute()
method call) will reflect any changes made to
interface SVGAnimatedPathData {
pathSegList (readonly )
Provides access to the base (i.e., static) contents of the ‘d’
attribute in a form which matches one-for-one with SVG's syntax.
Thus, if the ‘d’ attribute has an "absolute moveto (M)" and an
"absolute arcto (A)" command, then
will have two
entries: a SVG_PATHSEG_MOVETO_ABS and a SVG_PATHSEG_ARC_ABS.
normalizedPathSegList (readonly )
Provides access to the base (i.e., static) contents of the
‘d’ attribute in a form where all path data commands are
expressed in terms of the following subset of
types: SVG_PATHSEG_MOVETO_ABS (M), SVG_PATHSEG_LINETO_ABS (L),
SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and SVG_PATHSEG_CLOSEPATH
(z). Thus, if the ‘d’ attribute has an "absolute moveto (M)"
and an "absolute arcto (A)" command, then pathSegList will
have one SVG_PATHSEG_MOVETO_ABS entry followed by a series of
SVG_PATHSEG_LINETO_ABS entries which approximate the arc. This
alternate representation is available to provide a simpler
interface to developers who would benefit from a more limited set
of commands.
The only valid
SVG_PATHSEG_MOVETO_ABS (M), SVG_PATHSEG_LINETO_ABS (L),
SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and SVG_PATHSEG_CLOSEPATH (z).
animatedPathSegList (readonly )
Provides access to the current animated contents of the ‘d’
attribute in a form which matches one-for-one with SVG's syntax.
If the given attribute or property is being animated, contains
the current animated value of the attribute or property, and both
the object itself and its contents are read only. If the given
attribute or property is not currently being animated, contains
the same value as .
animatedNormalizedPathSegList (readonly )
Provides access to the current animated contents of the
‘d’ attribute in a form where all path data commands
are expressed in terms of the following subset of
types: SVG_PATHSEG_MOVETO_ABS (M), SVG_PATHSEG_LINETO_ABS (L),
SVG_PATHSEG_CURVETO_CUBIC_ABS (C) and SVG_PATHSEG_CLOSEPATH (z).
If the given attribute or property is being animated, contains
the current animated value of the attribute or property, and both
the object itself and its contents are read only. If the given
attribute or property is not currently being animated, contains
the same value as .
8.5.23 Interface SVGPathElement
interface corresponds to the
interface SVGPathElement : ,
(in float distance);
unsigned long (in float distance);
(in float x, in float y);
(in float x, in float y);
(in float x, in float y);
(in float x, in float y);
(in float x, in float y, in float x1, in float y1, in float x2, in float y2);
(in float x, in float y, in float x1, in float y1, in float x2, in float y2);
(in float x, in float y, in float x1, in float y1);
(in float x, in float y, in float x1, in float y1);
(in float x, in float y, in float r1, in float r2, in float angle, in boolean largeArcFlag, in boolean sweepFlag);
(in float x, in float y, in float r1, in float r2, in float angle, in boolean largeArcFlag, in boolean sweepFlag);
(in float x);
(in float x);
(in float y);
(in float y);
(in float x, in float y, in float x2, in float y2);
(in float x, in float y, in float x2, in float y2);
(in float x, in float y);
(in float x, in float y);
pathLength (readonly )
Corresponds to attribute
on the given
float getTotalLength()
Returns the user agent's computed value for the total length of the path
using the user agent's distance-along-a-path algorithm, as a distance
in the current user coordinate system.
The total length of the path.
getPointAtLength(in float distance)
Returns the (x,y) coordinate in user space which is distance
units along the path, utilizing the user agent's distance-along-a-path
algorithm.
float distance
The distance along the path, relative to the start of
the path, as a distance in the current user coordinate system.
The returned point in user space.
unsigned long getPathSegAtLength(in float distance)
Returns the index into
which is distance
units along the path, utilizing the user agent's distance-along-a-path
algorithm.
float distance
The distance along the path, relative to the start of
the path, as a distance in the current user coordinate system.
The index of the path segment, where the first path segment is
createSVGPathSegClosePath()
Returns a stand-alone, parentless
A stand-alone, parentless
createSVGPathSegMovetoAbs(in float x, in float y)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegMovetoRel(in float x, in float y)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegLinetoAbs(in float x, in float y)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegLinetoRel(in float x, in float y)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegCurvetoCubicAbs(in float x, in float y, in float x1, in float y1, in float x2, in float y2)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
The absolute X coordinate for the first control point.
The absolute Y coordinate for the first control point.
The absolute X coordinate for the second control point.
The absolute Y coordinate for the second control point.
A stand-alone, parentless
createSVGPathSegCurvetoCubicRel(in float x, in float y, in float x1, in float y1, in float x2, in float y2)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
The relative X coordinate for the first control point.
The relative Y coordinate for the first control point.
The relative X coordinate for the second control point.
The relative Y coordinate for the second control point.
A stand-alone, parentless
createSVGPathSegCurvetoQuadraticAbs(in float x, in float y, in float x1, in float y1)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
The absolute X coordinate for the first control point.
The absolute Y coordinate for the first control point.
A stand-alone, parentless
createSVGPathSegCurvetoQuadraticRel(in float x, in float y, in float x1, in float y1)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
The relative X coordinate for the first control point.
The relative Y coordinate for the first control point.
A stand-alone, parentless
createSVGPathSegArcAbs(in float x, in float y, in float r1, in float r2, in float angle, in boolean largeArcFlag, in boolean sweepFlag)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
The x-axis radius for the ellipse (i.e., r1).
The y-axis radius for the ellipse (i.e., r2).
float angle
The rotation angle in degrees for the ellipse's x-axis relative to the x-axis of the user coordinate system.
boolean largeArcFlag
The value of the large-arc-flag parameter.
boolean sweepFlag
The value of the large-arc-flag parameter.
A stand-alone, parentless
createSVGPathSegArcRel(in float x, in float y, in float r1, in float r2, in float angle, in boolean largeArcFlag, in boolean sweepFlag)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
The x-axis radius for the ellipse (i.e., r1).
The y-axis radius for the ellipse (i.e., r2).
float angle
The rotation angle in degrees for the ellipse's x-axis relative to the x-axis of the user coordinate system.
boolean largeArcFlag
The value of the large-arc-flag parameter.
boolean sweepFlag
The value of the large-arc-flag parameter.
A stand-alone, parentless
createSVGPathSegLinetoHorizontalAbs(in float x)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegLinetoHorizontalRel(in float x)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegLinetoVerticalAbs(in float y)
Returns a stand-alone, parentless
The absolute Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegLinetoVerticalRel(in float y)
Returns a stand-alone, parentless
The relative Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegCurvetoCubicSmoothAbs(in float x, in float y, in float x2, in float y2)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
The absolute X coordinate for the second control point.
The absolute Y coordinate for the second control point.
A stand-alone, parentless
createSVGPathSegCurvetoCubicSmoothRel(in float x, in float y, in float x2, in float y2)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
The relative X coordinate for the second control point.
The relative Y coordinate for the second control point.
A stand-alone, parentless
createSVGPathSegCurvetoQuadraticSmoothAbs(in float x, in float y)
Returns a stand-alone, parentless
The absolute X coordinate for the end point of this path segment.
The absolute Y coordinate for the end point of this path segment.
A stand-alone, parentless
createSVGPathSegCurvetoQuadraticSmoothRel(in float x, in float y)
Returns a stand-alone, parentless
The relative X coordinate for the end point of this path segment.
The relative Y coordinate for the end point of this path segment.
A stand-alone, parentless