我正试图用svg将文本放在一个圆圈中心.
文本的大小将是动态的.
谢谢你的Avi
我的代码:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 500 500">
<g id="UrTavla">
<circle style="fill:url(#toning);stroke:#010101;stroke-width:1.6871;stroke-miterlimit:10;" cx="250" cy="250" r="245">
</circle>
<text x="50%" y="50%" stroke="#51c5cf" stroke-width="2px" dy=".3em"> Look, I’m centered!Look, I’m centered! </text>
</g>
</svg>
我是SVG的新手,我想在两点之间划一条直线.到目前为止我使用此命令管理:
<line x1="50" y1="50" x2="150" y2="150" style="stroke:rgb(255,255,0); stroke-width:2" stroke-dasharray="5,3" />"
在这条线上添加微小三角形或箭头(均匀间隔)以指示方向的最简单方法是什么？
编辑1:
为了更清楚,我不是在线末端的箭头之后,而是沿着整条线的多个三角形(均匀间隔).如果可能的话,我想用一个指向线方向的三角形替换虚线中的每个破折号.
编辑2
根据Phrogz的建议,我创建了一个如下所示的页面,但没有显示任何内容.我究竟做错了什么？
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/com.css" rel="stylesheet" type="text/css" />
</head>
<body style="background:none;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 70 90">
<defs>
<marker id="t" markerWidth="4" markerHeight="4"
orient="auto" refY="2">
<path d="M0,0 L4,2 0,4" />
</marker>
</defs>
<polyline points="0,0 0,50 20,70 40,10 42,8 44,10, 46,14 50,50" />
</svg>
<script type="text/javascript">
midMarkers(document.querySelector('polyline'),6);
// Given a …有没有办法在SVG中切出另一个形状？例如,我有一个矩形和一个椭圆,我想制作一个中间有透明孔的矩形.我想它看起来像这样:
<set operation="difference" fill="black">
<rect x="10" y="10" width="50" height="50/>
<ellipse cx="35" cy="35" rx=10 ry=10/>
</set>
我能找到的最接近的东西就是剪裁,它会给我两个形状的交集.在我的例子中,这将导致只有孔是实心的,而矩形的其余部分是透明的.
我查看了Inkscape,路径菜单中有一个不同的选项,但是这会将形状转换为路径,然后创建一个新路径.形状的标识丢失,因此没有简单的方法,例如进入svg文件并更改椭圆的半径.
对于我怎么做这个有什么想法吗？