最流行的浏览器在其最新版本中对本机SVG的支持情况如何 Internet explorer 火狐 歌剧院 狩猎 铬 康克勒 卡米诺 歌剧具有本土特色 Firefox具有本机功能 Internet Explorer不包括 天生的 自版本3.1以来，Safari已经为图像和字体提供了本机支持 Camino根据其自己的文档包含native Chrome使用旧版本的Web工具包来支持 Konqueror通过插件支持SVG 从2007年开始，列出了许多浏览器中SVG支持的状态 IE在IE9中支持SV

在Flex4中，SVG似乎已被“弃用”，取而代之的是Adobe的FXG。如果我有一堆SVG图形要继续使用，我该怎么办。将SVG转换为FXG是否可靠？它们是否处于功能对等？有没有不花我1500美元的转换器？事实上，如果您是在Flex4中编程，请查看spark path原语。对于路径数据，它使用与svg路径具有相同语法的字符串。您只需解析它，但actionscript完全支持正则表达式，因此将svg作为带有urlrequest的文本/xml文件加载并解析出原语的路径数据应该不会太难。 路径对象只支

我有一个关于svg组转换的问题 我在css中指定元素样式， 像这样 #uGroup1 { transform: translateY(200px); -ms-transform: translateY(200px); -moz-tranform: translateY(200px); -webkit-transform: translateY(200px); -o-tramsform: translateY(200px); } 我正在通过javascript到svg元素创建带有元素的组。它的工

有一个问题: 我和D3一起工作。正在尝试将图像添加到节点。渲染文件是svg文件： <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.2/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.

我一直在开发一个使用d3和SVG显示一系列矩形的图表库。数据集控制给定区域中要显示的矩形的数量，并且在大多数情况下，数学计算不清楚，这意味着矩形不是以整数开始和结束的。Firefox、Chrome和Safari都通过消除矩形的锯齿来解决这一问题。IE似乎只是四舍五入到最近的像素值，并且拒绝对任何rect元素进行反锯齿。我尝试过改变形状渲染等，但都没有效果 以下是IE10和最新Chrome版本中相同数据的并列比较： IE10： 铬： 有没有人知道一个不涉及修改SVG标记结构的修复方案？设置CS

我已经在d3中创建了一个散点图。问题是y轴标签在firefox中没有出现，chrome在IE中也可以正常工作。我尝试过将svg宽度设置为100%，但由于某种原因，标签总是被切断 <div id="TimeSeriesChartDiv" style="display: inline; float: right; width: 650px; height: 415px"> </d

考虑以下SVG： <?xml version="1.0" standalone="no"?> <svg width="600" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <pattern id="Pattern0" patternTransform="skewX(5)" x="0" y="0" width="0.1" height="0.042"

我想在这个SVG饼图中切一个甜甜圈孔。是否可以在不编辑每个切片的路径尺寸的情况下执行此操作？也许像一个重叠的面具 <svg> <path d="M 25 25 L 25 0 A 25 25 0 1 1 0.4428187317827863 29.68453286464311 Z" fill="#45c31b"></path> <path d="M 25 25 L 0.4428187317827863 29.68453286464311 A

我正在渲染的复杂徽标显示不同形状之间的瑕疵。 这些不是艺术品中的间隙，而是锯齿瑕疵 我找到了一个很好的去除这些伪影的解决方案，那就是遮罩对象并应用一个非常轻微的高斯模糊（feGaussianBlur），其标准偏差值很低（0.125） Chrome、firefox甚至IE都能很好地展示它。然而，Desktop Safari（8.0）似乎总是将模糊视为至少1px（或者看起来是这样）的值，使其过于模糊，无法作为徽标的可接受表示 有没有办法使safari支持0到1之间的值？您可以使用和feFuncA>元

我想使用.convertToPath（）转换一些基本体，如圆、矩形等。我是这样做的- MorphSVGPlugin.convertToPath(circle); 但我得到的错误是 未定义MorphSVGPlugin 有人能帮我解决这个问题吗？我对es5加载方法有问题 有几件事需要知道- 它对目录的相对位置非常挑剔。你需要有 TweenLite.js plugins/MorphSVGPlugin.js 链接此处- 我遇到的另一件事是，如果你使用'require.js'，它必须在任何插件之后

我正在编写Angular 2应用程序，我不明白Angular为什么不能正常工作。当我尝试使用angular激活SVG元素时，我在控制台中看到错误 <rect x={{rect.x}} y={{rect.y}} width={{rect.width}} height={{rect.height}} fill={{rect.fill}} stroke={{rect.stroke}} /> <path [d]="M0,0 v rect.height h rect.width v

我注意到Github的Explore Showcases上有一些不错的图片： 我想在我自己的应用程序中使用类似的东西。是否有随机生成此类图像的库？我看到他们使用SVG，但不确定如何使用或创建类似的东西。正如我之前所评论的，最后一张图片可以由类似的方式生成： , , , , , 它们都能够将生成的图片导出为SVG。 还有javascript库： , 最后一个有点不一样，但我不知道它是一个很棒的图书馆！非常感谢。你应该把这个作为答案提交，它非常接近而且非常好！

我试图在使用像1000 50这样的视图框时垂直翻转SVG。总的来说，我知道怎么做，但不知何故，我对SVG中处理坐标系的方式感到困惑。请在下面找到我的测试片段 示例4包含了我想要实现的目标，但它不起作用。有什么想法吗 示例1：基本SVG工作原理 变换命令是右乘的；wich表示在第四个示例中，线首先缩放y=1000移动到y=-1000，然后平移y=-1000移动到y=0。它在用户空间坐标中的最终位置是 <line x1="1000" y1="0" x2="1020" y2="-20" str

我是处理图形的新手，希望能得到一些帮助。 我购买了这个特殊的EPS并试图编辑它。 我使用Vectr处理EPS/SVG，但是，Vectr无法打开此EPS（从iStock购买）。 尝试了重力，但也失败了。然后，我使用在线转换器将EPS转换为SVG 这是我正在处理的图形： 我只想删除棋盘格背景。当我在Gravit中打开这个SVG时，背景显示为路径。此图中有大量路径 是否有人可以建议如何使用SVG编辑器（如Gravit）删除这种棋盘格背景 谢谢。您需要使用以下图形编辑器之一：Corel Draw或Ad

我还在学习基础知识 我正在Bootstrap4中构建一个页面。标题导航正常，接下来是一个动画SVG文件，接下来是一个淡入的H1文本（通过animate.css） 继SVG和H1之后，我想要3张卡，但是当我编码它们时，它们只是重叠在SVG上 我如何修改代码，使这些卡遵循svg和h1，而不是重叠 我自己也尝试过在卡片中编写这两种代码，然后尝试从codepen复制一些模板代码，但都不起作用 我已经附上了我的密码笔，我已经注释掉了卡片部分，如果你取消注释，你就会明白我的意思 HTML代码： 辛巴理发

我有一些点代码保存为foo.dot： digraph finite_state_machine { rankdir=LR; size="8,5" node [shape = doublecircle]; LR_0 LR_3 LR_4 LR_8; node [shape = circle]; LR_0 -> LR_2 [ label = "SS(B)" ]; LR_0 -> LR_1 [ label

为了好玩，我想看看我在业余时间为RIA实现SVG浏览器客户端能走多远 但却遇到了看似巨大的绊脚石。没有文字包装 有人知道有什么解决方法吗（我在想某种JavaScript或我不知道的特殊标记） 如果不是这样，我将不得不走xhtml路线，开始在我的SVG中粘贴HTML元素（哎哟），或者在SVG 1.2准备好的十年后再回来。鉴于此，tspan似乎可以给人一种文字换行的错觉： tspan标记与文本标记相同，但可以嵌套在文本标记内部和内部。再加上“dy”属性，这使得SVG1.1中出现了文字换行的错觉。请注

我试图理解D3中的转换是如何工作的，但我想我没有理解 缩放是否会改变SVG对象的大小？意思是如果我给一个大的数字，物体的大小会看起来更大？ 平移是否将对象从一个位置移动到另一个位置？我试过了，但没有像我想的那样奏效 您能给我解释一下它应该如何工作吗？这些转换是SVG转换（有关详细信息，请查看；以下是一些）。基本上，“缩放”和“平移”将各自的变换应用于坐标系，在大多数情况下，坐标系应按预期工作。但是，您可以应用多个变换（例如，先缩放，然后平移），然后结果可能不是您期望的结果 使用变换时，请记住它们

我遇到了一个问题，我的Zoom+按钮确实缩放了元素，但随着元素的增长，它们会重叠 以下是链接： 这是我用于缩放的函数+ $maxIcon.click(function(e) { mapZoom /= mapMultiplier; rsrGroupies.scale(mapZoom); e.stopPropagation(); e.preventDefault(); rsr.setViewBox(0, 0, rsr.mapWidth, rsr.mapHeight); });​ 提前感谢您的帮助。

我试图在Firefox中对png图像应用高斯模糊。对于WebKit浏览器，我使用CSS3过滤器属性。在CSS中，我使用2px模糊，但是如何在SVG中使用“stdDiviation”创建相同的效果呢？ 谢谢大家! 只需使用filter属性将feGaussianBlur过滤器应用于SVG元素 <defs> <filter id="Gaussian_Blur"> <feGaussianBlur in="SourceGraphic" stdDeviation="5"/>

下面的代码在IE中运行良好，但在chrome中箭头标记是向左的 确切的问题是什么。请问，谁能告诉我？ 您的第二行使用的是“速记平滑立方贝塞尔曲线”，显示为大写字母S，后跟两个X，Y坐标 d="M 500,445 S 450,445,250,444 S 10,443 10,443" 你所经历的是一道数学题。您已经构建了一条直线，它从空间a中的一个点开始，弯曲到B，并在空间C中的最后一个点结束，对吗？给B和C的坐标是相同的。当线条弯曲到B，然后预期环绕到点B结束时，一个浏览器（IE）可能会胡

我正在尝试创建SVG文本，它在不同的浏览器中看起来尽可能相似 理论上我知道Firefox和IE9都不支持SVG字体。然而，我感到困惑的是，为什么他们两人似乎都能从Typekit下载我的字体 如果你看这个例子，你会看到两个试图使用“Museo”字体的例子 第一个仅指定“字体系列”（“museo-slab”），这是从Typekit下载的字体。第二个直接链接到服务器上的svg字体文件museo-sans-500 在Chrome上，两种字体都能正确呈现，但在Firefox和IE上，只有第一种字体能正确呈

webkit/wkhtmltopdf是否不支持SVG图像中填充颜色的icc颜色配置文件 我有一个图像，其颜色定义为： #e22e27 icc-color(U.S.-Web-Coated--SWOP--v2, 0.0558938, 0.95947204, 0.98716716, 0.00204471) 应该是红色的（在inkscape中也是如此） 然而，chrome（和其他浏览器）只是将其打开为黑色（我猜是因为它无法获得填充颜色？），wkhtmltopdf也显示为黑色 有没有办法做到这一点？或者

如何更改svg文件的中心 实际上，当我设置svg图像的X或Y属性时，这些坐标基于图像的左上角，我希望通过图像的中心设置这些坐标 有什么想法吗 PS：我在svg中使用扩展名为.svg的图像，将视图框设置为-{width/2}，-{height/2}，width，height。如果宽度为600，高度为400，SVG将包括viewBox=“-300-200 600 400” 假设svg元素的宽度为W，高度为H。 您可以使用以下模式： <svg width="W" height="W">

我希望用户能够上传.ai文件，但要在我正在使用的t恤编辑器中使用它们，它们必须是元素。我知道Inkscape通过--导出普通svg提供了这种功能，但我在让Inkscape与Heroku一起工作时遇到了问题 有没有其他工具可以在上传时将.ai转换为SVG 非常具体地说，我们在Rails中设置了这款t恤设计师，因此如果这个工具是基于Ruby或JavaScript的，那就更酷了。如果ai支持是一项硬性要求，我想你最好离开Heroku。也许在AWS-EC2（heroku内部使用）上部署您的应用程序，并在

我的SVG文件中有一个多边形元素。它实际上是公寓楼层平面的剪裁路径。当前，剪裁路径没有捕获楼层平面的墙，我需要它来捕获 有没有办法将多边形“扩展”到某个值？我尝试过用transform=translate（）scale（）从中心对其进行缩放，但效果不同于“扩展” 为了说明这一问题，以下是一幅图片： 原始多边形用灰色填充，我有蓝色点的坐标。我希望多边形变成黑色虚线，并获得绿点的坐标。您的多边形不是凸多边形，因此缩放的“中心”最好从其边界框的中心选择。可以根据希望较大多边形超过原始多边形的单位数计

对于中的标记，用于核心iconset svg。如果有多个子元素，如、等，则polymer应用程序将只渲染第一个子元素。即使是核心图标也是如此。下面是核心图标中两个图标的示例。驱动器ms excel呈现良好，因为它只有一条路径，而驱动器ms powerpoint仅呈现第一条路径，而不呈现包含P中心的第二条路径 我一辈子也弄不明白为什么这不能正常工作。有没有其他人跑过这个 <g id="drive-ms-excel"> <path d="M19,3H5C3.9,3,3,3.

我已经使用grunt构建了我的javascript项目。对于javascript和css文件，它工作得很好。请在下面找到我的css类之一 @font-face { font-family: 'demo_icons'; src: url('../font/demo_icons.eot?79280179'); src: url('../font/demo_icons.eot?79280179#iefix') format('embedded-opentype'), url(

如何将svg图像转换为具有透明背景的png。我有将近4000个svg图像要隐藏。我试着使用很多转换器，但它们不能提供透明的背景。我看到了imagemagick。但是我如何使用它来同时转换所有的图像呢。我现在能做什么 如果您使用的是Windows，则可以使用IrfanView（） 转到文件->批量转换/重命名 选择批量转换 选择输出格式（PNG）并单击“选项”按钮设置透明度要求。您可以选择将主窗口颜色用作透明颜色，否则将提示您在预览图像时为每个图像选择透明颜色 不要忘记设置输出文件夹并选择要转换

我正在尝试从SVG文件复制SVG路径，以便在PaperJS项目中使用 下面是使用新路径（svgPath） 这是一张它应该是什么样子的照片 知道为什么会发生这种情况吗？路径数据包含两个子路径（即字符外、孔内）。在PaperJS中处理多个子路径时，我认为需要使用CompoundPath而不是Path。在PaperJS示例中，更改 var path = new Path(pathData); 到 var path = new CompoundPath(pathData);

由于SVG SMIL动画被弃用，我尝试将一些形状变形动画转换为CSS3关键帧动画。大多数转换都是直接进行的，除了我使用path属性d=的转换 例如，此SVG在3个（实际上是4个，但开始/结束是相等的）阶段之间变形： 虽然这会绘制初始形状，但没有动画。唯一提供线索的浏览器是Firefox，它提到：未知属性“d”。声明已删除。。这是有道理的，尽管我似乎不知道如何在不使用SMIL的情况下声明变形形状 强制性示范 我希望SVG保持独立，因此如果可以避免的话，javascript不是一个选项（因为我将SV

我为两端各有两个圆的多段线创建了一个svg，如下所示： 我希望重复使用多段线和圆，如下所示： 但是，这些点的坐标位于30，依此类推。如何修改此svg以实现可重用性。指定svg图像时应使用哪些单位。对于svg的可重用性，请将元素与一起使用。然后，您还可以对形状应用不同的样式/属性。不确定您对视口的其他要求。澄清？@Uzi我需要将其重新用作一个较小的图像，大小为20px X 20px，我将其嵌入侧面板中。这里有些坐标比这个大。有没有办法以独立于像素的方式定义svg？像素是非常固定的。但是我不

我想要一个用于折线图的响应SVG。这应该有三个结合了固定和可伸缩元素的区域 粉色元素应该是缩放子svg（我需要定义绘制多段线的子坐标系），灰色位用于绘制轴，并且应该具有有限的缩放，因为文本应该以相对简单的字体呈现 最后，我想在没有JavaScript的情况下完成这项工作 我所面临的一些问题可能有助于解决： 如果我可以为粉色区域的元素指定以下x=“20px”width=“calc（100%-20px）”height=“calc（100%-20px）”，这将在很大程度上解决我的问题，但这会触发解

我使用Netbean 8.1创建一个Web项目（PHP语言）。 我的源代码中有很多“未知属性”警告。 它会对我的项目造成任何负面影响吗？ 如何修复此警告 Netbeans是开源的，所以您可以修改它以支持CSS中的SVG。@RobertLongson您能告诉我如何修改CSS Netbeans吗？不，太广泛了。哦，谢谢！我将了解它。Netbeans是开源的，所以您可以修改它以支持CSS中的SVG。@RobertLongson您能告诉我如何修改CSS Netbeans吗？不，太广泛了。哦，谢谢！我会

参见小提琴： 文本没有被元素截断。它似乎是基于实际的元素的任意切割 有没有办法解决这个问题，可能是使用过滤器（剪辑掩码）和使用而不是元素？或者有更简单的方法吗？似乎允许您指定x，y，宽度，高度 所以，如果我想要一个巨大的扩张，我必须确保使用负的x，y和一个大的宽度，高度 我在Firefox中看不到任何东西，这是半径为0k的feMorphology元素的正确渲染，试试看。0不是问题所在。问题是radius的数字很高，但我已经解决了。实际上firefox没有动画，我想它处理ID的方式不同。试一下这

我有一些文本片段，我想把它们放进一个固定的80px宽度，我正在寻找最好的方法来实现回退，如果它们不太合适，它们都会非常接近，所以我希望可以使用间距来进行更正 我查看了textLength属性的文档，但发现它很难理解，而且这个属性根本没有帮助。在文本元素上指定像素宽度会使Firefox中的文本变得混乱，而在我的Chrome中则没有任何作用 上的一篇文章以“em”为单位给出了一些例子，但我还没有找到任何官方文档来解释为什么在像素不起作用的情况下这种方法是有效的。在Firefox中使用这种方法很有帮助

我有一些R标记，包括以下代码： ```{r huff51, fig.show='hold', fig.cap='Design decisions connecting research purpose and outcomes [@huff_2009_designingresearchpublication p. 86].', echo=FALSE} knitr::include_graphics('images/Huff-2009-fig5.1.svg') ``` 当使用bookdown生

这里是链接。在演示中，有一张日本地图，我想播放一个动画，将日本的每个省份都变成红色。它在铬上工作得很好。但在狩猎中失败了 以下是完整的代码： // SVG graphics var svg_html = '<svg xmlns="http://www.w3.org/2000/svg" version="1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width

考虑一个SVG，它有两个部分重叠的圆，都带有fill=“currentColor”。我不控制当前颜色的值，它可以通过我无法控制的代码设置为任何值 我希望整个图形具有相同的纯色。如果图像恰好有颜色（例如：红色），则效果非常好。但是，当当前颜色具有alpha通道时，圆圈重叠的部分将变暗 我想避免这种情况。基本上，我想让第一个图像看起来像本例中的第二个： 如果您的目标是简单地将颜色移动到完全不透明度，则可以通过一个相对简单的过滤器来实现： 如果您的目标是简单地将颜色移动到完全不透明度，则可以通过一

.change\u on\u hover:hover{ 填充：蓝色； 光标：指针； } 正如我所评论的：因为在本例中，您已经声明了fill=“none”。您可以删除fill属性并将其添加到css:.change\u on\u hover{fill:none；} .change\u on\u hover{fill:none；} .在悬停时更改悬停：悬停{ 填充：蓝色； 光标：指针； } 因为在这种情况下，您已经声明了fill=“none”。您可以删除fill属性并将其添加到css:.chan

如何在SVG中绘制带剥离边框的圆。像附加图像之类的东西 有必要使用的行程dasharray将圆划分为8个部分 半径为20的圆周为2*3.14*20=125.6 分成8个部分，得到圆的4个扇区，每个扇区 将有一行和一个空格-125.6/8=15.7 stroke dasharray=“15.7，15.7”，其中第一个值是短划线的长度，第二个值是空格 有必要使用的行程dasharray将圆划分为8个部分 半径为20的圆周为2*3.14*20=125.6 分成8个部分，得到圆的4个扇区，每

我正在尝试使用SVG文件创建一个数字生物。但是当我运行动画，生物出现时，有一些缺失的部分，我不知道为什么。即使我只是尝试在SVGMobject上加载SVG文件，它也不能正常工作 Creature（）是一个子类，它继承了NumberCreature类的功能，刚刚重命名为Alex（） 下面是python代码： class NumberCreature(Scene): def construct(self): creature = Creature() self.add(

我正在使用vecta.io为我的网站创建SVG图像，其中一些包括嵌入式字体。我只是通过一个标签来嵌入它们 这可以在Chrome、Firefox、Internet Explorer上根据需要工作，但不能在Microsoft Edge上工作 特别是在Edge上，当使用标记时，嵌入的字体会被Times New Roman替换，但在使用标记插入SVG时则不会。为了简单起见，我希望使用图像标签，并在理想情况下避免回退——有没有办法在边缘解决这个问题 下面是一个问题示例—一个通过图像标记和对象标记插入嵌入式

我尝试使用SVG地图，将国家作为“路径”。在悬停指定国家，我想用背景图像显示伪元素（相同形状）。我可以在悬停时操纵填充和笔划，我可以添加：before（仅在inspector中看到），但不能在页面上显示before元素。你知道这个问题的解决方法吗 .map\u svg{ 显示：块； 保证金：0自动； } 路径{ 位置：相对位置； } #a:以前{ 位置：绝对位置； 显示：块； 内容：url（“img/1.png”）； 高度：100px； 宽度：100px； } #b:以前{ 位置：绝对位置；

我正在尝试更改此svg img的颜色： <svg class="fill-current text-white-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path class="heroicon-ui" d="M4 4h16a

我在inkscape中创建了几个SVG，并将生成的路径保存到数据库中。当我在屏幕上显示它们时，它们的起始轴似乎不一致 注: 水平图片用于显示Y轴的偏移距离 垂直图显示X轴偏离的距离 为了节省空间，我剪掉了垂直线 红色css边框有助于显示起始位置的差异 最初，问题更严重，因此为了解决它，我将所有起始坐标设置为m10,10（这使我达到了现在的位置），并注意到我可以手动更改每个以xy坐标开始的字母，以将其放置在我希望的位置，但是，我想试着理解，当我定义了相同的起始位置时，为什么它们不一致 我添

我在react中动态生成了几个化身框架（在圆桌周围的椅子上）。我正在尝试向帧添加一个剪辑路径，该路径将根据帧的形状剪辑图像 下面是其中一帧的（生成的）代码，即使剪辑区域正好落在图像上（使用chrome的inspector检查），它似乎也不起作用。我尝试过用剪辑路径和遮罩（包含在下面的代码中）来剪辑/遮罩它。如果有人能解释为什么这不起作用那就太好了 这是因为您在图像之外进行剪切。为了调试它：在文档末尾使用掩码的内容，然后使用旋转的image@enxaneta谢谢你的评论，我知道了。我将剪切区域

我需要帮助， 例如，我需要将样式参数从nodered传递到uibuilder来更改矩形的颜色 在一个函数上，我编写了以下代码： msg.topic = "CStatus" switch (msg.payload) { case "RUN": msg.colorStatus = "fill = #00b050; stroke = #001e46; stroke-width = 5"; break; "

我已经讨论过这一点，但我无法确定为什么Drop Shadow SVG Filter会成功地应用于第一个SVG，而不是第二个 每个SVG都包含一个元素 每个SVG包含一个或两个元素 在每个SVG中，Drop Shadow SVG过滤器是相同的 两个SVG（过滤器在第一个SVG中成功应用，但在第二个SVG中未成功应用）： div{ 浮动：左； 宽度：180px； 高度：180像素； 右边距：24px； } 返回图标 区分大小写图标 您正在将489x489 viewBox上定义的过滤器应用于

我想复制一个流行的浏览器游戏Travian.com。我目前正在制作地图，我能够以png的形式获得农场概览图像 我试图通过该地图实现的目标是： 每个元素（场）都应该是可单击的，并重定向到该特定场页面 正如你在地图上看到的，农场不仅仅是简单的正方形 有了farms.png图片后，我使用在线工具将png转换为一个.svg文件。使用一个自由软件，我能够在每张地图上画圆圈来构建我的svg 结果是： 我最近读到了有关canvas的文章，我想知道canvas是否比使用svg？更好，您需要自己尝试一下，