使用svg和js画一个圆环

使用svg和js画一个圆环,第1张

var path = svgdoc.createElement("path")

path.setAttribute("d","M400 400 L400 300 A400 400 90 0 1 500 400 Z")

path.setAttribute("style","fill:nonestroke:#00fstroke-width:2")

svgdoc.rootElement.appendChild(path)

这个代码是画四分之一个圆,圆环你自己算下坐标,用PATH画,A是画弧线的

path的相关知识,你百度你里面看下,这里就不多说了

给你个思路:${functon(){

$("*").hover(function(){

function () {

$(this).addClass("你css的class名称")

},

function () {

$(this).removeClass("你css的class名称")

}

})

}}

但是首先你要定义一个给对象添加圆圈背景的css,然后响应的改下值就行了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11730039.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存