如何使用 svg.js 添加 link 或用标签包裹圆圈
How to add a link or wrap with a tag the circle using svg.js
我正在使用 svg.js 创建圆圈,里面有文字并居中我能够做到这一点
let draw = SVG('main');
// this is for the text
draw.plain(ele.ticket_id).attr({
x: posX,
y: posY,
fill: '#fff',
'alignment-baseline': 'central',
'text-anchor': 'middle'
})
.font({
size: Number((radius/2) * .5).toFixed(2)
});
// and this creates the circle
circle.animate(500, 'quadIn').attr({
fill: '#f06',
id: element.ticket_id,
class: element.status,
cx: posX,
cy: posY
});
但我不确定如何用 a 标签包裹圆圈或文本,使其可以点击。我在 svg.js 文档中没有看到任何示例。
好吧,它只是将链接添加到(url-此处)到元素
我正在使用 svg.js 创建圆圈,里面有文字并居中我能够做到这一点
let draw = SVG('main');
// this is for the text
draw.plain(ele.ticket_id).attr({
x: posX,
y: posY,
fill: '#fff',
'alignment-baseline': 'central',
'text-anchor': 'middle'
})
.font({
size: Number((radius/2) * .5).toFixed(2)
});
// and this creates the circle
circle.animate(500, 'quadIn').attr({
fill: '#f06',
id: element.ticket_id,
class: element.status,
cx: posX,
cy: posY
});
但我不确定如何用 a 标签包裹圆圈或文本,使其可以点击。我在 svg.js 文档中没有看到任何示例。
好吧,它只是将链接添加到(url-此处)到元素