回答情况：
提问时间：
问题标签：
1回答
svg元素接受一个stroke-dasharray属性，这显示了图表被填充的程度。: 0, 100; 100% { } animationstroke-dasharray: 20, 80;}
animation: donut2 1s; stroke-dasha
浏览 5提问于2020-11-02得票数 0
我希望用CSS var动画SVG圆的属性stroke-dasharray。在红色中，动画是不正确的，因为它在步骤中将动画化。circle.bad { stroke-width: 5; --stroke-dasharray: 1, 10; 50% { } strok
浏览 4提问于2021-02-04得票数 1
回答已采纳
1回答
-webkit-animation: Drawpath 1s linear forwards; stroke-dasharray: 0, 600; from { } stroke-dasharray: 600, 600; }
@keyframes
浏览 0修改于2018-11-16得票数 1
回答已采纳
1回答
border-radius: 50%; fill: yellow; stroke-width: 30;.circle-1 { stroke-dasharray: 12.5 150; }.circle-3 { stroke-dasharray: 37.5 100; }
.ci
浏览 0提问于2016-08-26得票数 0
回答已采纳
translate(-50%, -50%); z-index: 1; &:nth-child(1) { animation: line-anim 1.5s ease forwards; stroke-dasharray: 313.24163818359375;
animation: lin
浏览 3提问于2019-11-26得票数 0
出于某种原因，当stroke破折号在stroke-dasharray规则中设置为0时，Safari正在呈现小的黑色斑点。{}
stroke-dasharray: 0 6.5 0 6.5;transition: stroke-dasharray 250ms ease-in-out 250ms; stro
浏览 0提问于2019-06-17得票数 1
回答已采纳
dashline horizental --> <line x1="200" y1="50" x2="800" y2="
浏览 9提问于2022-08-12得票数 1
回答已采纳
2回答
: 0 63; transition: stroke-dasharray .2s linear;#pie.percent-10 {} stroke-dasharray: 12.6 63;#pie.percent-30 {} stroke-dasharray:
浏览 7提问于2017-08-11得票数 0
回答已采纳
1回答
loadingrotate 2s linear infinite;height:64px;position:relative;width:65pxstroke-dasharray:1,200;stroke-dashoffset:0 50%{ 100%{
stroke-dasharray:150,200;stroke-das
浏览 1提问于2016-10-29得票数 1
回答已采纳
//www.w3.org/2000/svg" font-family="helvetica" font-size="10" style="stroke: none; stroke-width: 1; stroke-dasharraynonzero; opacity: 1;">
<tspan x="-37" y="2.2459999999999996" style="stroke: none; str
浏览 2修改于2015-08-12得票数 1
回答已采纳
: 89, 200;} 0% { stroke-dashoffset: 0; 50% { stroke-dashoffset: -35px;} stroke-dasharray: 89, 200;
stroke-dashoffset: -124p
浏览 1修改于2016-12-16得票数 2
回答已采纳
: 35.5, 284;}
stroke: green; /* length of arc, circumference of circle */ stroke: blue; /* length of arc, circumferenc
浏览 6修改于2017-12-27得票数 3
回答已采纳
font-size="24" id="svg_4" y="93" x="179" opacity="0.5" stroke-linecap="null" stroke-linejoin="null" stroke-dasharrayfont-size="24" id="svg_6" y="84" x="109" opacity="0.5"
浏览 4修改于2014-02-12得票数 1
下面是理想的输出 <path stroke-dasharray="20 7" /> <path stroke-dasharray="13 33" /> 这就是我用来生成单个属性值的方法 rect.setAttribute("stroke-dasharray", Math.floor(Math.rand
浏览 7提问于2020-08-05得票数 0
: 1390; stroke-dashoffset: 1390;} 40% {stroke-dasharray: 1390; stroke-dashoffset: 830;}90% {stroke-dasharray: 830;}
40% {stroke-dasharray: 1390; s
浏览 12提问于2020-08-31得票数 2
回答已采纳
举个例子，如果有 stroke-dasharray: 5 5;然后将class="some-class"替换为stroke-dasharray="5 5"，或者替换为style="stroke-dasharray: 5 5;"，因为Imagick似乎能够理解样式属性。
浏览 0修改于2018-03-28得票数 1
#circle{ stroke-dashoffset: 0; stroke: black; animation: progress 5s linear forwards; from { stroke-dashoffset: 0; to {
浏览 2提问于2022-06-02得票数 0
Times New Roman" font-size="100" font-weight="normal" style="stroke: rgb(221,95,96); stroke-width: 2; stroke-dasharrayTimes New Roman" font-size="100" font-weight="normal" style="stroke: rgb(221,95,96); stroke-width: 2; stroke-
浏览 1修改于2016-12-15得票数 1
回答已采纳
circle id="1" r="5" cx="10" cy="10" stroke-width="10" stroke="blue"
浏览 13修改于2022-08-23得票数 0
line id="LIGNE" class="LI" stroke="#38519F" x1="56.5" y1="127" x2="56.5" y2="77" stroke-width="1" stroke-dasharray200"/>
<line class="LI" stroke="#38519F" x1="59
浏览 1提问于2015-01-13得票数 0
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号