SVG中虚线的悬停事件
是指当鼠标悬停在SVG图形的虚线上时触发的事件。虚线是一种在SVG中常用的线型，它由一系列间隔相等的线段组成，可以用来表示边框、路径或其他图形元素。
在SVG中，可以通过CSS样式或JavaScript来实现虚线的悬停事件。以下是一种常见的实现方式：
- CSS样式实现虚线的悬停事件：
- 首先，使用CSS的
stroke-dasharray属性定义虚线的样式，设置为一组数值，表示实线和间隔的长度。 - 然后，使用CSS的
:hover伪类选择器来定义鼠标悬停时的样式，例如改变虚线的颜色或粗细。 - 示例代码：
- 示例代码：
- 首先，使用CSS的
- JavaScript实现虚线的悬停事件：
- 首先，给SVG元素添加一个事件监听器，监听
mouseover事件。 - 在事件处理函数中，修改虚线的样式，例如改变虚线的颜色或粗细。
- 示例代码：
- 示例代码：
- 首先，给SVG元素添加一个事件监听器，监听
虚线的悬停事件可以应用于各种场景，例如在地图中标记边界线、在图表中突出显示某个数据点等。腾讯云提供了一系列与SVG相关的产品，例如腾讯云云服务器、腾讯云对象存储等，您可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息，请参考腾讯云官方网站：腾讯云。
相关·内容
2回答
具有仅使用stroke-dasharray的线(或路径)的SVG似乎在用户将鼠标悬停在虚线的实线部分时触发CSS和JS悬停事件：
有没有一种简单的方法可以让JS和CSS事件在行的实心或不可见部分悬停时触发？
我目前的计划是沿着相同的路径绘制第二条不可见的线，并使用它来检测鼠标事件。，这看起来很重，我希望有一种更清晰的方式，我错过了。
浏览 13提问于2018-02-01得票数 2
回答已采纳
1回答
我正在尝试仅在悬停时为SVG线条图标设置动画。我希望它在没有悬停的时候是静态的。我已经弄清楚了如何使绘图效果动画化，我可以让它在悬停状态下工作。然而，当它在“从”和“到”关键帧之间移动时，虚线变得更小，并且它不能创建我所希望的平滑绘制效果。我这样做纯粹是HTML/CSS。
.bell_line:hover {
animation: draw 3s linear forwards;
}
@keyframes draw {
from {
stroke-dashoffset:92;
stroke-dasharray: 92;
}
to {
stroke-
浏览 20提问于2020-02-25得票数 0
我正在尝试使用JQuery和JQuery UI同时拥有鼠标悬停事件和拖放功能。
我目前在这里有一个可以工作的原型：。
正如您所看到的，如果您将鼠标移动到图像上，通过绑定到左侧艺术作品的悬停事件，则会隐藏/显示一个单独的相应div。这可以很好地工作。但是，一旦您将其中一个插图拖放到虚线区域，悬停就不再起作用。
以下是悬停代码：
$(".artwork").hover(function () {
var hoverid = $(this).attr('id');
var hovernum = hoverid.split("img&
浏览 2提问于2009-12-02得票数 0
回答已采纳
1回答
SVG路径命中测试
、、、、
我在检测SVG路径元素上的鼠标悬停事件时遇到问题。似乎path元素的strokeWidth越小，我检测鼠标悬停的成功率就越低。
另外，我使用jquery-svg插件来完成绘图。
下面是在path元素上尝试使用jquery mouseover事件进行检测的过程。
下面是通过将鼠标移动侦听器附加到svg，然后使用document.getElementFromPoint进行检测的尝试。
这两种方法似乎都不可靠，尤其是在鼠标移动速度很快的情况下。有没有可能让它们中的任何一个更灵敏，以更好地检测鼠标悬停？或者是一种更好的方式呢？
浏览 2提问于2012-08-31得票数 2
回答已采纳
我今天想要解决的问题与大多数问题不同。我想让应用程序更快地执行处理程序，这样我就不会在UI中看到任何延迟。
我有一个类，其中包含一个TextInput和一条生成的虚线，该虚线由一系列直线组成。这个组件，我们称它为CardTextInput，监听父状态的变化。如果鼠标在该区域上，则显示虚线，否则隐藏。
如果只有一个CardTextInput实例，那么一切都很好，如果我加上10，当我将鼠标悬停在上面时，它需要0.5秒才能显示虚线，而当只有一个实例时，它会立即显示出来。
我该如何优化这样的场景呢？
浏览 0提问于2013-09-28得票数 0
2回答
我需要在悬停时对边框进行动画处理。 最初框边框将被隐藏，一旦我们悬停框，边框虚线的时间将一个接一个地快速动画。 .arrow{
height: 172px;
right: 12px;
width: 140px;
border-right: 2px dotted #2fb89a;
border-bottom: 2px dotted #2fb89a;
top: 5px;
} <div class="arrow"></div>
浏览 20提问于2019-04-03得票数 0
我有以下动画：
如果你点击链接，你会看到它开始播放，一旦你悬停它。
但是，当我使用图像标记在页面上加载svg时，悬停事件似乎没有到达svg图像，如下所示。
有可能这样做吗？直接将svg粘贴到html页面并不是一个选项，因为我使用的软件不允许这样做。
浏览 7提问于2018-05-03得票数 1
回答已采纳
1回答
jquery中的悬停方法有一些问题。我在做一个svg，我想给他动画。
问题是，当我把鼠标悬停在元素上时，它就会循环，永远不会停止。
这是我的svg路径：
<path id="test" d="M2,4 Q 5,6 8,4" />
以下是我的jquery代码：
$('#test').hover(function() {
$('path#test').attr('d', "M2,4 Q 5,6 8,4");
}, function () {
$('path#test
浏览 2提问于2018-03-07得票数 1
回答已采纳
我有一个带有线条的图表，当我将鼠标移到线条上时，我想在svg中显示一个文本。代码如下： let lines = svg.append("g").attr("class", "lines");
lines
.selectAll(".line-group")
.data(data)
.enter()
.append("g")
.attr("class", "
浏览 40提问于2020-03-28得票数 0
2回答
我对mouseleave有个问题。(React/Typescript/CSS/HTML项目)。
Situation
(见下图)
我有两个div元素
<>
<div id="main">
<div>
<div id="onHover" style={{display: "none"}}>
</div>
</>
我在div main上找到了一个div main。
return(
<svg className="click-through
浏览 7提问于2022-05-06得票数 0
1回答
我有一个SVG元素
<svg id='win-frame' style='height: 500px; width: 500px;'>
</svg>
假设鼠标悬停在svg元素上。是否有一种方法可以在工具提示或svg下面的div中显示鼠标悬停在上面的点的坐标？这最好使用javascript。谢谢!
浏览 3提问于2015-09-03得票数 1
回答已采纳
我正在使用jQuery动态添加一个元素来显示SVG，代码如下：
someEl = ('#someElement');
cancelButton = $(document.createElement('object')).attr({
'class': 'cancelButton',
'id':parent_id+'_xbtn',
'data': 'img/cancelBtn.svg',
浏览 0提问于2013-02-09得票数 1
回答已采纳
我这里有一个链接到。
svg {
position: fixed;
bottom: 0;
right: 0;
}
这是我在SVG上的造型。我有一个悬停状态提交按钮也。
button:hover {
color: white;
background-color: dodgerblue;
border: 3px solid white;
}
当我注释掉SVG时，表单和悬停状态都可以工作。我不知道是什么引起了这个问题。我认为SVG可能涵盖了其他元素，因此无法选择它们，但如果是这样，我不知道如何修复它。任何帮助都将不胜感激。
浏览 1提问于2018-11-19得票数 1
回答已采纳
1回答
我创建了这个SVG，并添加了一些内联CSS来创建悬停效果，但是它不起作用。虚线的圆圈不移动和旋转，它只改变不透明度。此外，鼠标没有转换，就像普通的css转换一样。我怎么才能解决这个问题？
.wrap:hover .dash {
opacity: 0.2;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: translateX(10px);
-webkit-transform: translateX(10px);
transform-origin: 50% 50%;
浏览 4提问于2014-11-12得票数 2
回答已采纳
我想禁用没有特定类名属性的元素的悬停(并单击)：
<svg>
<path class="myClass"></path>
<path class="myClass active"></path>
</svg>
--基本上，如果path没有属性className“活动”，请不要悬停或单击
试过：
if (!$("path").hasClass("active")) {
$(this).unbind('mouseente
浏览 6提问于2016-11-06得票数 0
回答已采纳
1回答
我想在svg中使用path创建破折号类型的直线。如何将虚线样式应用于svg路径以生成虚线。请参考下面的SVG。
<path id="container_svg_John_0" fill="none" stroke-width="3" stroke="url(#container_svg_John0Gradient)" stroke-linecap="butt" stroke-linejoin="round" d="M 0 -17.25 L 21.633333333333333 -112
浏览 0提问于2013-05-09得票数 1
回答已采纳
2回答
Jquery鼠标悬停回调不起作用
、、、、
我在d3中创建了SVG circle元素。
<circle cx="0" cy="0" r="50" id="tooltip_area" stroke-width="0.6" style="fill: none; stroke: white;"></circle>
我试图在这个圆圈上创建鼠标悬停效果，但事件从未被触发。
这是悬停代码-
$('#tooltip_area').mouseover(function(event) {
div.transition
浏览 19提问于2017-06-18得票数 1
回答已采纳
我有以下代码：
function preload() {
this.load.svg('table', 'assets/svg/table.svg');
}
function create {
this.add.image(400, 300, 'table');
}
当我悬停在这张图片上时，我如何突出显示它？
浏览 0提问于2019-10-13得票数 2
回答已采纳
1回答
剪裁SVG多边形接收鼠标事件
、、、、
以下是事实：
我有一个带有圆角的div，其中包含一个带有圆角的SVG元素，该元素创建了一个圆。
在圆圈(SVG)中，我画了四个多边形，组成不同的圆象限。
多边形通过改变颜色来响应悬停-因此当用户鼠标在圆圈中的一个特定象限时，它就会亮起来。
SVG和包含SVG的div都具有overflow:hidden CSS指令。
当我鼠标移动到圆圈外的一个区域(但在多边形的剪裁矩形内)-相应的象限亮起来.
为什么当我悬停在一个被剪裁的区域时，响应鼠标的元素就会过去呢？我怎样才能确保这不会发生呢？(不创建封闭的透明元素-我希望能够触摸下面一层中的某物.)。
编辑：根据请求添加了小提
浏览 1提问于2014-03-18得票数 4
3回答
这是一个svg，上面画了一个圆圈：
svg = d3.select("body").append("svg")
.on("mouseover", function() { console.log("callback");} );
svg.append("circle")
.attr("cx", 50)
.attr("cy",50)
.attr("r",20)
.attr("fill","red
浏览 3提问于2015-02-01得票数 0
我尝试将svg绘图添加到html页面。SVG中的不同元素都有mouseover属性，只有在将SVG插入到<object>标记中时才有效。使用<img>标签插入鼠标悬停时，鼠标悬停不起作用。
我的问题是，svg绘图相当大(故意)，并且占用了100%的页面宽度：
<object data='mydrawing.svg' width="100%" type="image/svg+xml"></object>
这样，svg的高度就会大于页面的高度。问题是webkit浏览器(我试过Chrome和Safari)
浏览 1提问于2014-02-07得票数 2
5回答
如何制作虚线。查看附图以了解更多信息。
目前我使用的是直线(CSS)和交叉线(SVG)。我想用虚线代替实线。
交叉线代码
<svg height="170" width="150" class="line1"><line fill="none" stroke="#496e97" stroke-miterlimit="10" x1="4" y1="70" x2="143" y2="172"/></svg>
浏览 0提问于2014-04-26得票数 0
这是我的stackblitz/codepen：
当我在svg矩形上悬停时，就会触发悬停事件，因为外观/屋顶的父svg元素，所以我希望边框被添加到svg元素中，但它不是！相反，所有svg子元素都拥有这个边框集。
为什么要这样？
OnMouseOver是为svg元素注册的，如下所示：
return <svg
onMouseOver={e => this.props.currentMounting.onMountingHoveredOver(e)}
onMouseOut={e => this.props.currentMounting.onMounti
浏览 0提问于2018-07-11得票数 0
回答已采纳
我在传递子组件中的事件处理程序时遇到了Framer Motion的问题。 下面的沙盒：https://codesandbox.io/s/framer-motion-svg-checkbox-forked-vgrre?file=/src/Example.tsx 预期的行为是，当我将鼠标悬停在黑色圆圈上时，会出现一个胶囊形状的图标。当我将光标移出圆圈时，胶囊形状图标将消失。在上面的示例中，如果我将onMouseEnter和onMouseOut放在CircleBackground组件中，它们将不起作用。但如果我将它们移动到上，那么当悬停在svg容器上时，胶囊形状图标将会出现。但是这样做的目的是让胶
浏览 9提问于2020-08-26得票数 1
我正在尝试获取svg:text元素的鼠标事件。我注意到的是，.on("click", ...)可以工作，但其他事件，如"mouseover"、"mousemove"和"mouseout"不能工作。
查看示例，我发现所采取的方法是将文本与不可见的svg:rect覆盖起来，并将事件分配给它。这是好的，如果有一个简单的盒子，但如果有几个，它似乎会变得令人厌烦和混乱。
是否有规范的方法来处理鼠标悬停事件的文本？
为了尽可能的具体化，我尝试有一个标记云，并为每个标记收集这些悬停事件。我可能只需要用div来完成它，但我想知道在SVG容器中是否
浏览 1提问于2012-08-03得票数 4
回答已采纳
我有一个SVG映射，其中包含各种保存数据的路径。我想要做的是在路径悬停时获取状态名称。
我将一个事件侦听器附加到svg元素，并正在寻找event.target从事件中获取特定路径。我构建了handleStateHover，它记录了方法对象中的当前event.target：
<svg style="stroke-linejoin: round; stroke:#000; fill: none;"
width="100%"
height="600"
viewBox="0 0 1000 600"
浏览 0提问于2018-11-07得票数 2
回答已采纳
4回答
在这段SVG (在FF 8，Safari 5.1.2，Chrome 16，都在Mac上尝试过)中，当鼠标移动到工具栏上时，没有一个浏览器正确地检测到每个鼠标悬停/输出事件，有时它不起作用。但是它在所有浏览器中都是一致的，所以可能与SVG代码有关。使用onmouseover和onmouseout会得到相同的结果--不能正常工作。
在悬停时实现SVG rectangles的正确方法是什么？
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="h
浏览 0提问于2012-02-09得票数 33
回答已采纳
我正在尝试使用jquery将悬停事件处理程序附加到嵌入式svg中的路径。
html中的嵌入代码如下所示：
<embed id="theSVG" src="thesvg.svg" type="image/svg+xml" width="2000" height="1280" />
如果我不嵌入svg，而是将它内联到html中，然后使用下面的javascript，从html文件链接到它，我可以让它工作：
$('path').hover(
function () {
//do somethin
浏览 3提问于2011-09-05得票数 2
回答已采纳
我是Raphael JS和SVG的新手。目前我在地图功能上使用SVG和拉斐尔。
我有一个悬停效果的问题，它用10px偏移了你悬停的给定元素。但是，如果您将鼠标缓慢移动到元素中，hoverIn和hoverOut将多次出现，从而导致闪烁。
我想我可以通过克隆国家来解决这个问题，并在悬停时将其隐藏和固定。我说我可以这样做，因为地图包含数百个形状...
方法是什么？我该怎么办？
浏览 0提问于2013-08-22得票数 0
1回答
当我悬停svg元素时，我应该显示一个工具提示。
我希望工具提示是一个更容易的用户界面创建的角度组件。
约束是svg元素是以编程方式创建的，所以我不知道如何为动态组件呈现创建模板引用。
我的问题是，如何构建一个角度组件作为动态svg元素的工具提示？
这是stackblitz上的一个。我写了动态组件的代码。现在，我应该在悬停圆圈时动态渲染它。
@ViewChild('cont', { static:true,read: ViewContainerRef }) entry: ViewContainerRef;
constructor(private resolver: Compone
浏览 0提问于2019-09-27得票数 0
我正在尝试创建一个带有文本标签的按钮，我希望按钮和标签都能响应单击，并且，我想要一个悬停的颜色。此代码工作正常，只是当我在文本标签上时失去了悬停颜色。当我在文本标签上时，我需要添加什么或者不同的方法来保持悬停颜色？
<!DOCTYPE html>
<style>
#resetButton {
cursor: pointer;
fill: #FFF68F;
}
#resetButton:hover {
cursor: pointer;
fill: #FFFF00;
}
</style>
<div id = "main"&g
浏览 1提问于2014-04-19得票数 1
回答已采纳
我需要使用React和D3创建一个折线图，如下所示。
我已经有了这张带有我编写的代码的图表
到现在为止的代码是-
import React, { Component } from "react";
import * as d3 from "d3";
const width = 400;
const height = 350;
const margin = { top: 20, right: 8, bottom: 20, left: 35 };
class LineChart extends Component {
state = {
line
浏览 6提问于2019-07-31得票数 0
1回答
我正在尝试实现一个悬停以显示标题的效果。我已将:悬浮选择器分配给宽度为99%、高度为10‘ve的div，该div应与标头相邻。当我在div的中心处悬停时，悬停上的显示会持续执行，当我在div的右侧悬停时会间歇性地执行，而当我在div的左侧悬停时就不会执行显示。我添加了一个边框，以使“悬停div”的边界可见。
当我在div上空盘旋时，悬停不应该是活动的吗？
我这套设计有什么不对？
* {
margin: 0;
padding: 0;
}
body {
background-color: #121212;
}
.cc_vert_c1-1 {
width: 5vw;
h
浏览 1提问于2022-02-21得票数 1
回答已采纳
1回答
我正在做一个导航条，当用户向下滚动(我是通过改变div的背景来改变它)时改变它的图标，同样地，每当用户悬停在图标上时，div的背景就必须改变，这是我目前的代码：
App.js
$(document).scroll(function () {
scroll_pos = $(this).scrollTop();
var h = $("#secOne").height() - ($("#secOne").height() / 10);
if (scroll_pos > h) {
$("#topBar").css({
浏览 1提问于2017-10-10得票数 0
回答已采纳
1回答
所以我发现它允许画虚线，但我想用圆圈画虚线。我似乎无法修改工具中的SVG路径，而且当我尝试使用Sketch时，它的SVG输出(见下文)并不适用于Google地图。
"M0.641033737,6.81266823 C1.92338672,8.94131706 4.69065725,9.63151105 6.82190547,8.35425965 C8.95315369,7.07700826 9.64131924,4.3159806 8.35896626,2.18733177 C7.07661328,0.0586829401 4.30934275,-0.63151105 2.178094
浏览 1提问于2015-11-30得票数 1
回答已采纳
1回答
我正在用Snap.svg测试动画，在悬停时输入/输出，点击时用我用Illustrator创建并导出的SVG插图。
我有一个包含其他子组的组。在悬停父组时，某些子组将使用捕捉设置动画。问题是，hover事件在进入父组时触发，而hover out在悬停子组时触发，导致动画停止或再次开始，或返回到初始状态。
我的svg组的结构如下：
--“renard”组
- 'tete‘组
- 'bras_gauche‘组
- 'bras_droit‘组
- 'queue‘组
我尝试使用elm.attr({pointerEvents: "none" }); ()，但
浏览 1提问于2015-08-20得票数 1
<td>
<img src="Icon_download.svg" (click)='downl(item.csv")' (mouseover)="xx">
<img src="icon_download_red.svg" (click)='downl(item2.csv")' (mouseover)="yy">
</td>
它不会在鼠标悬停时显示内容。有人能说出我做错了什么吗？
浏览 5提问于2018-09-09得票数 0
回答已采纳
我有一个菜单在悬停时需要虚线边框，有没有可能阻止它在悬停时将列表项向右轻推？
它将在CMS中，所以我不能设置LI的宽度
浏览 0提问于2011-03-18得票数 0
回答已采纳
2回答
我试图创建一个带有虚线边界的部分圆圈，但我找不出如何实现它。
例如，我想使用SVG创建这样的东西
我知道如何使用“笔画-达沙雷”分别创建虚线边界和部分圆圈。但我不知道怎么把它们结合起来。
例如,
部分球茎
<svg viewBox="0 0 320 320">
<path
attr.stroke-dasharray="{{stroke_lenth}} {{circumference}}"
d="M160 10
a 150 150 0 0 1 0 300
a 150 150 0 0 1
浏览 2提问于2020-06-22得票数 0
我想要反应性地调用一个自定义的bootstrap popover组件，用户在整个页面中悬停在该组件上的svg就是基于它的。它由以下方式调用： <template>
<popover v-if="node != null">
<template #content>
Reached
</template>
<template #caller>
{{node}}
</template>
</popover>
浏览 97提问于2021-07-08得票数 0
2回答
将svg图标悬停在输入上会中断
、、、、
我有以下html结构：
<span>
<label>
<input this is my button's area />
<span> this is the svg icon</span>
</label>
</span>
我有一个影响我的输入的jQuery悬停事件，并且跨度绝对位于输入区域内，所以它在视觉上位于它的上方。
hover事件会更改输入类，因此我可以更改按钮的颜色，但是当鼠标移到包含图标的跨度上时，输入中的悬停类会按预期关闭，并且按钮看起来不是活动的。
有没有一
浏览 0提问于2013-06-07得票数 3
2回答
我试图在部分重叠的SVG元素上检测mousemove事件，如下图所示
<svg>
<rect id="red" x=10 y=10 width=60 height=60 style="fill:#ff0000" />
<rect id="orange" x=80 y=10 width=60 height=60 style="fill:#ffcc00" />
<rect id="blue" x=50 y=30 width=60 h
浏览 5提问于2015-03-31得票数 9
回答已采纳
假设我有一个SVG元素，其中包含所有美国州的路径。
<svg>
<g id="nh">
<title>New Hampshire</title>
<path d="m 880.79902,142.42476 0.869,-1.0765 1.09022,..." id="NH" class="state nh" />
</g>
...
</svg>
SVG数据保存在一个具有.svg扩展名的单独文
浏览 0提问于2015-12-26得票数 12
回答已采纳
1回答
Vue组件事件处理
、、、
我有一个组件按钮，我在我的网站上几乎所有地方都使用这个按钮。
这是一个带有悬停动画的SVG按钮。按钮工作正常。
<template>
<a class="button"
@mouseover="buttonEnter"
@mouseout="buttonLeave">
<svg viewBox="0 0 180 60">
<path ref="btnPath" d="..." />
</svg>
<s
浏览 32提问于2019-03-21得票数 0
回答已采纳
1回答
我试图用D3在SVG中画一个带有强虚线的矩形，但是当我这样做的时候，顶部和底部的虚线是模糊的。下面是我的代码：
var width = 400,
height = 400;
var svg = d3.select('body')
.append('svg')
.attr('width', width)
.attr('height', height)
.append('g')
.attr('
浏览 0提问于2014-01-14得票数 9
回答已采纳
1回答
我有一个美国地图与某些地区分组。在每个区域的悬停时，我已经应用了一个阴影。在Firefox中工作得很好！但在Safari中，svg对象组在悬停时消失，而在chrome中，什么也不会发生。因为这是一个悬停效果，所以我不能将那些def放入其他地方引用的def中。对此有合理的解决方案吗？
这是我尝试使用的CSS：
filter: drop-shadow( 5px 5px 3px rgba(0,0,0,0.5) );
-webkit-filter: drop-shadow( 5px 5px 3px rgba(0,0,0,0.5) );
z-index: 1;
我将它应用于内联SVG图像中的一组形状。
浏览 0提问于2016-05-17得票数 0
我想从CSS中更改内联SVG路径的不透明度。以下是代码：
canvas { background-color:#777;}
svg { position:absolute; top: 0px;left:0px;}
#circle:hover {opacity: 0.9;}
#square:hover {opacity: 0.9;}
<canvas width="300px" height="300px"></canvas>
<svg height="300" width="300" poin
浏览 4提问于2020-11-22得票数 0
回答已采纳
1回答
我想在表行周围创建一个旋转的虚线边框，当鼠标悬停在相应的按钮上时，第一个<td>除外。我已经尝试过使用后台过渡来完成，如下所示： Dashed border animation 唯一的问题是，边框将被带有class=“<td>”的边界的背景色所遮挡，因此它位于边框后面，如下所示： border goes behind background z-index在这种情况下不起作用。 我也尝试了这个例子，但没有成功： Rotating dashed border by Sean Lynch 我最终得到的结果是： SVG line animation 我真的不知道如何让它适应我
浏览 17提问于2019-02-22得票数 0
我使用d3.js生成一个svg圆，圆的中间有一个文本徽标。这是svg结果。
<g id="main">
<circle r="114" fill="#F0E8D0"></circle>
<text text-anchor="middle">The movie title</text>
</g>
下面是d3.js
var circles = [{r: innerRadius}];
svg.append("g").attr(
浏览 6提问于2014-03-17得票数 16
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
