D3.js:组合缩放/画笔
D3.js是一个用于数据可视化的JavaScript库。它提供了丰富的功能和工具，可以帮助开发者创建各种交互式和动态的数据可视化图表。
组合缩放是D3.js中的一个功能，它允许用户对可视化图表进行缩放操作。通过组合缩放，用户可以放大或缩小图表的特定区域，以便更详细地查看数据。这对于处理大量数据或需要关注特定细节的情况非常有用。
画笔是D3.js中的另一个功能，它允许用户在可视化图表上进行绘制操作。用户可以使用画笔在图表上进行标记、注释或绘制自定义形状。这对于数据分析、数据标记或展示特定数据点的重要性非常有帮助。
D3.js的优势在于其灵活性和强大的功能。它提供了丰富的API和工具，使开发者能够自定义和控制可视化图表的各个方面。同时，D3.js还支持与其他JavaScript库和框架的集成，如React、Angular等，使开发过程更加便捷。
D3.js的应用场景非常广泛，包括数据分析、数据可视化、数据报告、交互式图表、地理信息系统等。无论是企业数据分析，还是科学研究，D3.js都可以帮助开发者将数据转化为易于理解和传达的可视化形式。
腾讯云提供了一系列与D3.js相关的产品和服务，例如云服务器、云数据库、云存储等。这些产品可以为开发者提供稳定可靠的基础设施和存储支持，以便在云环境中部署和运行D3.js应用。具体的产品介绍和链接地址可以参考腾讯云官方网站的相关页面。
请注意，以上答案仅供参考，具体的产品选择和推荐应根据实际需求和情况进行评估和决策。
相关·内容
我使用d3.js创建了一个具有缩放和画笔功能的多行图形。所有功能都正常工作，除非我刷新浏览器选项卡，我在图形中完成的缩放/画笔被重置，图形显示在它的初始状态。我是否可以使用任何d3.js函数记录缩放/画笔的位置，每当我刷新浏览器页面时，我就可以看到它最后一次缩放/刷过的状态。附加我用于缩放和画笔的代码片段。
const brush = d3.brushX()
.extent([[0, 0], [this.width, this.height2]])
.on("brush end", () => {
if (d3.even
浏览 0提问于2019-07-11得票数 4
回答已采纳
我有两个问题想用我现在的d3应用程序来解决，这个应用是基于的。
这是小提琴：
我想初始化我的画笔，以便在应用程序启动时，默认情况下只刷一小部分。我用.extent试了一下，但没有运气。
//date解析函数var parseDate =d3.time.format(“%Y-%m- %H:%M:%S").parse；//设置画笔和defaultExtent var刷子= d3.svg.brush() .x(x2) .extent(parseDate("2014-08-11 10:20:00")，parseDate("2014-08-11 18:20:00
浏览 1提问于2014-09-04得票数 4
回答已采纳
1回答
我正在尝试获取d3.js图表中画笔的值。
_chart.brush().value;
当您在图表中选择一个范围时，我只想获得画笔范围的值。
浏览 2提问于2013-04-24得票数 3
回答已采纳
3回答
我正在使用canvas制作热图。我不使用SVG，因为我想渲染超过30,000个数据点。我找到了在focus+context中使用笔刷的例子。
但这适用于SVG，我想在画布上使用画笔的这个功能。有没有可能用d3做到这一点？如果不是，那么在canvas上实现focus+context的变通方法是什么。
浏览 1提问于2016-12-28得票数 0
1回答
d3画布画笔/选择
、、、
我正在努力将d3 svg中的一个did移植到d3 canvas中，我得到的基本上是一个通过刷子的Focus+Context，它是经典示例的衍生产品，我有一个简单的折线图而不是面积图，但原理是完全相同的。
现在，我成功地将折线图从旧的svg d3方法转换为新的画布驱动方式。只是想澄清一下：
ctx.beginPath();
draw_line.context(ctx)(data);
ctx.lineWidth = 0.6;
ctx.strokeStyle = "rgb(26,1
浏览 1提问于2016-08-15得票数 1
我正在用d3js构建一个图表。我想为我的图表添加一个概览图，比如GoJS的。不幸的是，我还没有找到与d3js相同的版本。
有没有d3js代码可以做到的？
浏览 0提问于2018-01-29得票数 0
1回答
在MSDN中，我读到了这个
当不使用WM_PAINT消息绘图时，应用程序通常不会使窗口失效。相反，它以这样一种方式绘制，它可以轻松地恢复窗口并删除绘图。
这意味着什么？因为我写了一个地理信息系统程序，我想实现“缩放”功能，鼠标左键向下移动，鼠标画一个矩形，它画一个矩形，但是矩形覆盖了地图，首先我认为它是不透明的，然后我用AlphaBlend()绘制一个透明的矩形，它是一样的。我该怎么办？
LRESULT OnMouseMove(UINT nflags, CPoint point)
{
if (m_bZoomInMode)
{
m_curScre
浏览 5提问于2013-03-08得票数 0
具有时间尺度的LineChart d3.time.format将随窗口流畅地调整大小。lineWithFocusChart在绘制时从未出现错误，但在调整大小时抛出了许多错误：
d3.js:8756 Error: Invalid value for <rect> attribute width="NaN"
有时候，这个错误会在鼠标上停止，但是很多时候它会在调整大小之后继续抛出，这相当于内存泄漏。
我正在寻找一个工作的例子，这种图表类型显示日期/时间在响应布局，或建议的方法处理时间数据与焦点刷调整大小。
我尝试过的事情：
对我的数据使用parseDate() -没有
浏览 5提问于2016-04-18得票数 0
我已经看过了示例，但是我不知道如何为双尺度缩放图实现它。我创建了焦点和上下文元素，并试图让它们一起工作。这是我的。Coffeescript片段如下：
focus = canvas.append("g").attr("transform", "translate(" + margin.left + "," + margin.top + ")")
focus.append("svg:rect").attr("width", width).attr("height&#
浏览 3提问于2014-04-15得票数 1
回答已采纳
在一个对象中，我存储了用d3.js制作折线图，这些折线图可以刷选定的区域。
当我在折线图的选定部分之外单击时，选定区域将被删除。
我想删除选定的区域点击外部链接，例如。重置
不幸的是，即使我从折线图对象访问画笔对象，在brush对象上调用clear()也不会删除选择。
如何使用外部链接从外部折线图中删除画笔选择？
我创建笔刷：
this.brush = d3.svg.brush()
.x(xScale)
.on('brushstart', function() {
lineChart.brushStart();
})
.on(&#
浏览 2提问于2013-08-09得票数 5
1回答
我想做一个时间线，用户可以选择滚动缩放或选择一个区域进行缩放。第一种方法有一些例子:使用或使用画笔放大某个区域：
但我找不到一个既能做到这两点的例子。我怎么才能同时做到这两点呢？或者有没有我漏掉的例子？
浏览 0提问于2017-01-10得票数 1
在D3.js v4中，d3.transform方法已经被移除，没有任何关于如何替换它的提示。有人知道如何替换下面的D3.js v3指令吗？
d3.transform(String).translate;
浏览 68提问于2016-07-06得票数 38
回答已采纳
1回答
我目前正在研究Mike Bostock的示例，虽然我没有在svg上使用覆盖的rect对象，而是将它附加到我的图表中，这样我仍然可以使用鼠标悬停事件和诸如此类的东西。
我很难将画笔和缩放功能结合起来。两者都工作得很好，但不能“记住”它们的当前状态。例如，如果我要平移/调整画笔的大小，缩放没有问题，但如果我使用鼠标/触摸板事件进行缩放，它将沿着画笔跳跃并完全丢失我在图表中的位置。
我如何让缩放“记住”它在画笔视口中的位置，并流畅地工作？
function brushed() {
if (d3.event.sourceEvent && d3.event.sourceEvent
浏览 6提问于2018-01-03得票数 3
回答已采纳
我的目标是构建一个D3 (v4)图表，它同时使用和，如下所示：
当鼠标位于x轴上时，用户可以缩放(用鼠标轮)或平移(通过向左和右拖动)。
当鼠标位于y轴上时，用户可以缩放(用鼠标轮)或平移(通过上下拖动)。
当鼠标定位在图表主体上时，用户可以缩放(用鼠标轮)或刷子将x域设置为特定范围。
我成功地在适当的轴上实现了缩放和平移(根据需求1和2)，但是在将两者结合在一起以实现需求3方面存在问题。
根据文档/示例，我做了以下工作：
对于刷牙，追加一个g SVG元素并对该元素调用brush。库创建一个rect，其中包含类overlay，并附加适当的鼠标事件，让我在该空间中绘制一个
浏览 16提问于2017-10-09得票数 9
1回答
禁用D3.js刷子的清除
、、、
我希望使用D3.js刷子来允许用户在轴上选择一个范围的值。默认情况下，单击画笔外部清除它，这样就不会选择任何范围。
但是，我想调整这个行为，这样点击外部画笔不会改变画笔的范围。实际上，应该没有办法清除刷子，应该始终选择一些范围。
我相信我必须以某种方式连接到来禁用清除，但我真的不知道如何去做。
下面是我所说的那种接口()的一个例子。当您单击黑条的左或右时，刷子将被清除，该条将消失。
我怎样才能阻止这种行为？
浏览 5提问于2013-08-03得票数 7
回答已采纳
我需要在画布的背景上绘制网格线，这将有其他控件放置在上面。
我尝试创建一个StreamGeometry，使用它来绘制线条，并将其分配给一个DrawingBrush。但是，我发现如果StreamGeometry的行数太多，那么在将DrawingBrush分配给Canvas之后，程序就会变得很慢。
有没有“预渲染”网格线并将其分配到画布的方法？
我尝试了Freeze()画笔和几何体，但似乎不起作用。我还有其他选择吗？
下面是我的代码：
public void RenderGrid()
{
this.UpdateGrid();
Pen grid_pen = new Pen(Brush
浏览 2提问于2008-11-23得票数 2
1回答
所需帆布模糊工具
、、、、
我有一个类似fabric.js ( )的绘图应用程序
我想嵌入像Photoshop ( )这样的模糊工具
这是我的模糊功能，但它不能很好地工作，当我试图改变颜色，它是走错了，你可以看到下面的屏幕截图。
function boxBlurCanvasRGBA( id, top_x, top_y, width, height, radius, iterations ){
if ( isNaN(radius) || radius < 1 ) return;
radius |= 0;
if ( isNaN(iterations) ) iterations = 1;
itera
浏览 2提问于2014-03-24得票数 5
回答已采纳
我的根本问题是:在使用viewBox时，有没有一种方法可以设置d3画笔窗口的大小，使其像其他SVG组件一样正确地从其父组件继承？
详细信息:我有两个链接的图表。第一个显示一组折线图，第二个是允许在主图表上缩放的基本图表。它看起来与下面的示例几乎完全一样：
我想将svg大小调整添加到图表中，以允许我的图表自动调整。对于我的大多数图表来说，这很好用，但我对画笔窗口有一个问题。当我使用SVG viewbox而不是显式地使用父尺寸时，我的画笔区域被设置为整个svg的一个小区域(在我的例子中，画笔窗口是300px x 150px区域，而下面代码中的父d3G实际上是1150*100)。
以下是以正确方式初
浏览 1提问于2018-05-15得票数 0
1回答
我正在尝试禁用折线图上的画笔范围并设置固定宽度。 我知道这个话题已经讨论过好几次了。我尝试过解决这个问题，但没有成功：Disable brush resize (DC.js, D3.js)，但是我找不到一个适合我的情况的解决方案。 如果这有什么不同，我将在这个问题中讨论的可刷序数图上展开：DC.js - Custom ordering of ordinal scale line chart 图表初始化代码如下： line
.width(950)
.height(350)
.margins({top: 10, right: 50, bot
浏览 105提问于2019-12-27得票数 1
回答已采纳
1回答
D3.js跨多个图的同步缩放
、、、、
我想要制作一个与多个网页同步缩放/平移的线状图。
这些客户端具有相同的Javascript和HTML源代码。用户放大或移动到客户端A上，将数据域的白天时间消息发送给对方和发送方(图上的蓝线)，接收到的客户端的图形将同时发生变化。当然，其他客户也可以这样做。它类似于聊天应用程序。
变焦功能是：
function zoomed() {
let msg = [];
let t = d3.event.transform; //1)
msg[0] = t.rescaleX(x2).domain()[0].toString(); //2)
浏览 1提问于2019-02-19得票数 5
回答已采纳
我使用的是一个矩形，其中一个填充来自视频或图像画笔。随着用户调整浏览器的大小，矩形也会调整大小，这很好，只是它必须保持4:3的纵横比。怎样才能保持宽高比恒定？
浏览 0提问于2010-10-22得票数 2
默认情况下，我希望将画笔选择的高度填充到绘制它的矩形的高度。
这是我的代码：
var margin = {top: 10, right: 50, bottom: 20, left: 50},
width = 800 - margin.left - margin.right,
height = 120 - margin.top - margin.bottom;
var svgheight=40,svggraphheight=400;
var svg,svgcheckins,svgbuilds,svgoss,svgappsec;
var x,j = 0;
var
浏览 0提问于2014-01-27得票数 3
回答已采纳
这个问题看起来与很相似，但我仍然不能确定是否可以使用d3.behavior.zoom，但不能使用pan功能。换句话说，我只想使用滚轮进行放大/缩小。
这样做的原因是，我希望能够在“可缩放”区域上进行画笔。
谢谢!
浏览 1提问于2012-12-05得票数 29
回答已采纳
1回答
如果我有一个1px厚的图像，我该如何复制它，使它变得更大，或者我如何拉伸它。
因为正如您在我的代码中看到的，它不是最好的循环DrawImage
colorMatrixEffect->SetInput(0, texture); //texture = ID2D1Bitmap*
D2D1_MATRIX_5X4_F matrix = D2D1::Matrix5x4F(color->r, 0, 0, 0, 0, color->g, 0, 0, 0, 0, color->b, 0, 0, 0, 0, 1, 0, 0, 0, 0);
colorMatrixE
浏览 0提问于2017-04-27得票数 0
1回答
我正在尝试将d3-brush和d3-zoom合并成一个力有向图。虽然我成功地组合了这些模块，但似乎无法在包含g的整个nodes.Thus元素上使用画笔，也无法选择图中的所有节点。
我已经看过一些块，例如、、，它们试图将两个模块[，]组合在一起，或者在有力图[]中使用画笔事件。此外，我还读过。但是，我不能达到预期的行为。
用户可以通过按住ctrl键并按鼠标左键 (ctrl键+ lmb)来选择图形中的点区域。
理论上，用户应该能够选择包含节点的g元素中的所有节点。在下一个图中，您可以看到最大画笔范围。不能选择刷子范围外的节点。
在下图中，您可以看到HTML文档的DOM层次结构。
浏览 1提问于2019-04-08得票数 3
回答已采纳
1回答
我正在我的Android平板电脑上测试XY图形的绘制。这是一台三星Galaxy Tab 2(7英寸)，运行ICS。
我已经创建了一个带有被覆盖的onDraw方法的View子类型。它的作用是简单地将(x，y)坐标数组绘制为一系列连接的线段。我有一个表示y值的浮点数组，x值是数组的索引。Y值从-1扩展到1，大约有10个值。非常简单。
目标画布是屏幕上的一个正方形，大约480 x 480像素，+1表示位于屏幕顶部，-1位于底部，第0个值位于最左侧，第N个值位于最右侧。
因此，从“世界坐标”到沿X和Y轴的“屏幕坐标”的转换是不一致的。在我的onDraw方法中，我对画布对象应用了平移、缩放和另一个平移操
浏览 2提问于2012-06-20得票数 1
我正在学习d3的画笔概念，并想知道是否可以在矩形序列上使用画笔而不是x轴。我有12个矩形创建，并希望伸展到矩形使用鼠标。
我的代码是：
var margin = {top: 4, right: 50, bottom: 20, left: 50},
width = 960 - margin.left - margin.right,
height = 120 - margin.top - margin.bottom;
var svg = d3.select("body").append("svg").attr("id",&#
浏览 1提问于2014-01-14得票数 2
回答已采纳
继我之前的问题和我之前的小提琴，仍然需要在从下拉和/或页面加载(！isPostback)中选择一个刻度之前，禁用在距离图上的画笔绘制：
a)当摇摄/translating聚焦图的线条 (bitChart，bitChart2)时，画笔显示在范围图的整个范围内：
b)可以在距离图上拖动画笔
试图使用事件侦听器取消缩放事件，如下所示：
var anotherRoot = d3.select("div#bitrate-timeSlider-chart.dc-chart").select(".chart-body");
anotherRoot.on
浏览 1提问于2017-01-10得票数 2
回答已采纳
1回答
我试图使用画笔范围突出显示我的D3条形图中的选择。
我使用交叉过滤器来reduceCount()我的数据，这样我就可以绘制分数分布。但这似乎在破坏我的x尺度。当拖动整个画笔范围时，效果最为明显。
使用完整数据集的在线示例是 (加载需要几秒时间)。
我使用线性刻度，但似乎刷子坐标与条形图坐标空间不同步(参见控制台日志记录)。
我的画笔范围似乎没有正确地绑定到前面的rects。
我的问题似乎是围绕着line# 840，在那里我试图做这样的事情，
var extent = brush.extent(),
lower = extent[0],
upper = exten
浏览 2提问于2015-05-30得票数 3
回答已采纳
我正在尝试使用D3.js构建一个具有缩放功能的股票图表
我希望从这里开始，并试图使变焦感觉更自然的股票图表。完美的。因此，据我所知，缩放和平移都锁定在Y轴上，Y轴移动的唯一方法是自动填充当前可见数据的价格范围。
另一个明显的区别是，缩放不会像第一个示例中那样放大到鼠标的当前位置。
如何调整该示例以使其与其他图表更紧密地工作？什么是伪代码，应该如何修改？
浏览 1提问于2014-02-21得票数 0
回答已采纳
我想在使用dimple.js创建的条形图中添加使用d3.js的缩放功能。请参阅下面的链接，了解我迄今所做的工作。我想在酒窝图中结合这两种放大功能。提前谢谢。
浏览 2提问于2014-05-29得票数 0
回答已采纳
1回答
我正在试着做一种能产生闪光效果的刷子。这只是一个中间有个十字的圆刷。无论如何，当我尝试定义笔刷预设时，它显示“无法完成命令定义笔刷预设，因为选定的区域是空的。”有人知道为什么会这样吗？
浏览 5提问于2011-09-26得票数 2
回答已采纳
1回答
我试图用背景中的网格绘制一个可绘制和可缩放的图形，类似于这样：。
但是，如果您开始移动示例中的背景，您可以很快地看到网格的结束。d3.js中是否有可能使这个背景网格看起来是无限的？
浏览 1提问于2015-07-29得票数 2
回答已采纳
2回答
旋转DWM缩略图
、、、、
我成功地注册了一个DWM thumbnail和 (我指的是Vista/Win7功能，它允许你在你的窗口中直播其他顶级窗口)。有什么方法可以旋转我窗口中的缩略图吗？我使用WPF 3.5 SP1。
浏览 0提问于2011-02-12得票数 0
回答已采纳
我正在尝试重新创建示例。
每当一个轴被刷，我想用颜色的变化来突出那个特定的轴。
我该怎么做？
下面是我试图实现的一个屏幕截图：
我对D3.js没有太多的经验，所以任何帮助都是非常感谢的。
提前谢谢。
浏览 0提问于2018-09-10得票数 1
回答已采纳
我有下面的图表，其中鼠标刷(浅蓝区域)是用来选择数据。
如何从选定的区域获取数据？下面的解决方案和我尝试过的许多其他解决方案似乎不起作用。
brush.on('brush', function(d){
console.log(d);
});
请参阅
浏览 3提问于2015-10-08得票数 3
回答已采纳
QPixmap pic("../image.jpg");
setAutoFillBackground(true);
QPalette palette;
QPixmap scaled=pic.scaled ( 800, 480, Qt::IgnoreAspectRatio, Qt::FastTransformation );
palette.setBrush(QPalette::Window, QBrush(scaled));
//this->setPalette(palette);
QWidget *w= new QWidget(this);
w->setGe
浏览 6提问于2012-01-10得票数 3
回答已采纳
从，我知道如何禁用鼠标轮放大D3.js。我怎样才能把它重新映射为按住控制按钮，再加上鼠标轮？谢谢。
浏览 2提问于2016-01-14得票数 5
回答已采纳
1回答
我有一个散点图，一个点击事件和一个画笔事件，这两个突出点。如果我首先刷一些圆圈，然后点击一个圆圈，画笔仍然可见。
我怎样才能使画笔在单击单个圆圈时消失，但之后仍然可用？
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<style>
#plot{
border-style: solid;
border-width: 4px;
border-color: lightgray;
display: inline-block;
line-height:
浏览 0提问于2015-10-20得票数 1
回答已采纳
2回答
在d3js中缩放行
、、、
我只是想使用d3.js库在javascript中绘制一个函数。我需要添加缩放和平移事件。我已经按照下面的例子来做了：
我在这个平面上画了几条线。我的问题是，当我缩放它时，线宽也发生了变化。我喜欢的是这条线在缩放时仍然保持原来的宽度。我想我必须重新画它，但我不确定这是不是最好的方法。
你能告诉我有没有更好的方法，或者给我举个简单的例子？谢谢!
浏览 1提问于2015-05-24得票数 4
1回答
在D3.js版本4中，如何获取缩放比例的当前级别？
我想要这样的东西：
var currentScale = zoom.scale();
浏览 2提问于2017-09-02得票数 11
回答已采纳
2回答
我将dragdealer JS与D3.js结合使用。我要做的是，当你拖动dragdealer JS制作的滑块时，D3.js制作的元素会像图片滑块一样移动。
这是我写的代码：。
现在，这个代码有两个问题：
( 1)此代码在FireFox中工作，但在Chrome和IE10中不起作用？
2)如何配置滑块，使滑块在一张幻灯片上只会有一块瓷砖移动到视图中，而只有一块瓷砖会移出视图？
瓷砖或矩形的数目不固定。根据用户的不同，可以有任意数量的瓷砖。
代码：
var width = 4000,
height = 200,
margin = 2,
nRect = 20,
rectWidth = (width -
浏览 4提问于2013-09-18得票数 2
回答已采纳
1回答
使用d3.js，我有一个奇怪的问题。以下代码工作正常：
var zoomHandler = d3.behavior.zoom()
.scaleExtent([min, max])
.on("zoom", function() {
// do something;
}).on("zoomend", function() {
浏览 1提问于2014-10-08得票数 1
回答已采纳
1回答
我知道我们可以使用QPalette来设置QLabel的背景。但是我能用QPalette画一个多色背景吗？例如，上面的一半是黑色的，下面的一半是蓝色的。我找不到setRect()函数QPalette。还是我应该用别的课？还是我要和画家画背景？
浏览 7提问于2014-03-28得票数 2
回答已采纳
在最新的Firefox on Windows (28.0)中，当应用缩放行为时，如示例，单个鼠标滚轮事件会导致较大的缩放变化:约1.65比~1.18的Chrome。
查看源代码：
d3_behavior_zoomDelta = function() {
return -d3.event.deltaY * (d3.event.deltaMode ? 120 : 1);
}
Chrome：{deltaMode: 0，deltaY：- 100 } -->增量=100
火狐：{deltaMode: 1，deltaY：-3} -->增量= 360
这解释了不同之处，但为什么会发生这种情况
浏览 0提问于2014-04-17得票数 5
我在MFC中制作了一个示例Splash屏幕，它只显示一个以图像为背景的最顶层无边界窗口。我有一个非常奇怪的问题出现在我的朋友电脑上，而不是我的电脑上，尽管我们使用的是相同的操作系统。我已经解决了这个问题，但是我想要一些关于为什么这会发生在他的机器上而不是我的机器上，以及为什么我创建的替代版本在这两台机器上工作的原因。
坏方法1(为我工作，而不是为他工作)
BOOL Splash::PreCreateWindow(CREATESTRUCT& cs)
{
if (!CFrameWnd::PreCreateWindow(cs))
return FALSE;
浏览 2提问于2017-02-18得票数 0
1回答
问题是：
在查看发布在上的bl.ocks.org特性时，我被这段代码搞糊涂了：
var gBrush = svg.append("g")
.attr("class", "brush")
.call(brush)
.call(brush.event);
为了明确起见，我理解.call(brush.event)的功能，但我不明白为什么它会出现在这个特定的代码块中。也就是说，我看到这个调用是在“刷”事件处理程序中进行的，但是为什么'brushend‘事件中的转换依赖于上面复制的调用？
先前的研究
浏览 5提问于2015-02-04得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
