首页 文章
  • 4 votes
     answers
     views

    从CSS3动画SVG创建动画gif

    我有一个问题 - 想知道是否可以从现有动画中创建一个动画GIF,该动画由使用CSS3过渡动画的SVG组成? 现有的SVG基本上是一个饼图,由4个部分组成,通过在每个部件上进行宽度.2s高度.2s的过渡从中心生长 . 我在这里制作了一个JSBin: http://jsbin.com/UcemUNo/1/edit?html,css,js,console,output 我已经浏览了一下,所有我能找到的是...
  • 0 votes
     answers
     views

    如何在Codename One中更改SVG的背景

    我有一个SVG图像,我已成功将其上传到Codename One,并使用setIconMethod将其设置为SpanLabel的图标 . 但是在SVG的空白部分中,显示了黑色背景,我希望背景为白色 . 我尝试使用白色背景创建一个UIID,然后使用setIconUIID,但它不起作用 . 如何设置SVG图像的背景?
  • 3 votes
     answers
     views

    SVG不会在IE 10中使用Doctype HTML 4进行渲染

    <%@ Page Language="C#" .. %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html> <body> <svg xmlns="http://www.w3.org/2000/svg&qu...
  • -1 votes
     answers
     views

    获取饼图剩余切片的百分比 - NVD3

    在我的饼图的某些情况下,我想向用户显示 the percentage relative to slices of the Pie Chart instead of showing the values of the slices . 例如:我的馅饼中有三个切片: A 代表馅饼的70%, B 代表馅饼的15%, C 代表馅饼的15% . 当我单击隐藏切片 A 时,我想向用户显示剩余切片的百分比,在...
  • 2 votes
     answers
     views

    使用wicked-pdf创建PDF时,SVG无法呈现

    我有一些使用D3生成的图形,在Ruby on Rails 4应用程序的页面上呈现 . 我正在使用 wicked-pdf gem将其转换为PDF以进行漂亮的打印 . 生成PDF正在运行,但并非所有SVG都已呈现 . 通过Javascript生成的SVG正确呈现,但HTML中的SVG不能 . 这是我创建的测试页面的JS小提琴:http://jsfiddle.net/Sidane/162cd58y/ ...
  • 0 votes
     answers
     views

    将Highcharts导出为PDF - IE9

    我有我的highcharts代码,我想只使用 IE9 将highcharts导出为PDF . 在我的代码中,图表svg正在渲染,但在此之后什么也没做,我得到了console.log输出,直到代码 LOG 2 : return back 中的这一行,之后页面变为静止 . 我无法理解导入的js或代码是否有任何问题 . 任何人都可以帮我解决问题 . 我的代码: <!DOCTYPE HTML PUB...
  • 8 votes
     answers
     views

    如何在nvd3饼图的工具提示中获得百分比?

    我有一个nvd3饼图 . 我获取百分比值作为标签,但我想在工具提示中 . 这是HTML: <nvd3-pie-chart data="Data1"id="labelTypePercentExample" width="550" height="350" x="xFun...
  • 5 votes
     answers
     views

    在Azure中为SVG和字体表达NodeJS web.config

    我在Express网站上遇到了问题,该网站使用SVG和其他文件,如字体 . 在本地运行应用程序时没有任何问题,但一旦部署在Azure上,SVG和字体就不再出现了 . 在项目根目录创建了一个 web.config 文件: <?xml version="1.0" encoding="utf-8"?> <configuration> ...
  • 8 votes
     answers
     views

    在Azure网站中为SVG启用GZip压缩?

    我正在尝试使用web.config转换在Azure网站中为SVG启用GZip压缩,但没有成功 . 这是我的变换的样子: <configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform"> <system.webServer> <httpCompr...
  • 25 votes
     answers
     views

    IIS Express - HTTP错误500.19 0x800700b7在'mimeMap'上'fileExtension'设置为'.svg'

    我正在添加向我的Azure托管Web应用程序提供SVG和WOFF文件的功能 . 我找到了以下说明: https://blogs.iis.net/richma/archive/2014/01/07/adding-mime-types-to-your-windows-azure-web-site.aspx 我接下来将以下文本添加到我的Web.config文件中: <staticContent&g...
  • 3 votes
     answers
     views

    无法将.SVG文件发布到Azure网站

    我有一个.svg文件位于我的Microsoft Azure "~/css/fonts/" 目录中 . 当我发布网站时,所有的css和eot文件都是由我的唯一.svg文件发布的 . 我读过other SO posts,提到我们必须明确地将 mimeMaps 添加到 web.config ,所以我用以下内容更新/发布了我的 web.config : <system.webS...
  • 2 votes
     answers
     views

    无法从Azure提供SVG

    我正在VS2014上构建一个静态HTML5网站,并通过Dropbox部署在Azure上托管 . 所有在VS2014上都使用F5 . 但我的SVG图像无法从Azure提供 . 我收到HTTP / 1.1 404 Not Found错误 . 我尝试过这个解决方案:Use SVG in Windows Azure Websites和Mads Kristensen在http://madskristense...
  • 2 votes
     answers
     views

    在d3中应用转换时出错

    我试图在d3中设计的条形图上应用一些过渡效果 . 这是我的代码 - svg.selectAll(".bar") .data(data) .enter().append("g") .attr("class", "bar") ....
  • 2 votes
     answers
     views

    使用svg sprite loader,Vue.js和webpack2找不到相关模块

    我正在尝试将svg-sprite-loader添加到我的项目中,但我不断收到此错误,它无法找到模块 . 任何人都可以帮我澄清为什么会这样吗? Error 找不到这些相关模块:./ src / assets / svg ^ . / . * . svg $中的./wrench.svg ... build/webpack.base.conf.js { test: /\.(png|jpe?g...
  • 0 votes
     answers
     views

    将Highcharts SVG代码导出到TCPDF时,图例消失了

    我正在尝试将SVG数据导出到TCPDF,并且使用以下代码正常工作 . $pdfobject->ImageSVG('@'.$datasvg); $pdfobject->Output($pdffilename, "F"); $pdfobject->Close(); SVG数据来自Highcharts . 图表出现在pdf中就好了,但问题是图例文本没有出现 . 如...
  • 3 votes
     answers
     views

    使用JavaScript更改Highcharts的高度 . 默认情况下,仅在窗口重新调整大小时重新调整大小

    我们在我们的应用程序中使用了HighCharts,并且我添加了一个扩展图表fullsize的功能 . 我更改样式以及使用Javascript来更改div的高度 . 但是,在实际调整浏览器窗口大小之前,没有任何变化其他人遇到这个问题? <section id="highchart-container" ng-class="{'high-chart-expande...
  • 0 votes
     answers
     views

    在Highcharts列和饼图中悬停时,边框部分隐藏

    当我将鼠标悬停在堆积条形图或饼图的某个部分上时,我希望该部分的所有部分都有一个黑色边框 . 但是,对于堆叠的柱形图和饼图,特别是悬停区段的一侧保留了白色边框,将其与下一个区段分开: incomplete bar segment border 是否有Highcharts设置或CSS样式,以便在将鼠标悬停在该段上时,可以在该段周围显示边框? 图表设置和JSFiddle链接: 柱形图:http://js...
  • 1 votes
     answers
     views

    在highcharts中显示默认的向下钻取

    如何在Highcharts中默认加载给定的向下钻取?我正在使用饼图来显示数据 . 我试过触发路径元素上的单击功能,但这不起作用 . $('.highcharts-drilldown-point:first').click()
  • 0 votes
     answers
     views

    在UWP应用程序中显示的SVG图像显示为黑色

    我和我的团队正试图在我们的UWP win10应用程序中添加一些.svg图标(目标和最小版本是Windows 10 Fall Creators更新) . 在我的资源文件中,我将我的SvgImageSource定义如下: <SvgImageSource x:Key="PencilIcon" UriSource="Images/DeviceMenu/Icon_Edit...
  • 0 votes
     answers
     views

    使用SVG符号通过SLD向GeoServer添加样式时出错

    我正在尝试为我的点图层创建一个使用SVG符号的新样式 . 在尝试使用从QGIS生成的SLD文件验证样式时,出现以下错误: ExternalGraphic的解析失败:java.net.MalformedURLException:未知协议:x 下面是我的SLD文件,有什么明显的东西给我这个错误吗? <?xml version="1.0" encoding="UTF-...
  • 1 votes
     answers
     views

    Django(在centos上)提供SVG文件下载

    我有一个Django应用程序,它正在提供静态SVG文件(我将我的浏览器直接指向:http://myserver.com/static/my.svg) . 我正在使用Django附带的内置网络服务器 . 我从Ubuntu服务器运行此应用程序,它运行良好 . 当我说"worked fine"时,我的意思是svg文件直接显示在浏览器窗口上(适用于Firefox和Chrome) . 但...
  • 1 votes
     answers
     views

    iText:将SVG图块作为页面添加到新的PDF文件中

    我正在尝试使用iText创建一个新的PDF文件,新文件应该由从SVG文件(磁贴)中的区域生成的页面组成 . 并且每个生成的页面都需要在其上叠加“绘图边框”,以使其显示为每个生成的页面的顶层 . 我认为可以使用iText压模实现叠加,但我看到的示例仅适用于现有的PDF,我没有,因为我想在运行中做所有这些以减少生成结果所需的时间PDF . 我有一个单页的PDF文件,表示PDF层将叠加在PDF中生成的每...
  • 7 votes
     answers
     views

    将Excel图表导出为SVG或PNG

    在Excel中创建绘图后,有没有办法将绘图导出到SVG,同时保留显式字符和矢量笔划 . (我不想捕获屏幕并导出) . 更新:我不想导出一些复杂且可能有损的格式,如PDF或Word . 图形笔划有PDF格式,我只是想把它们拿出来 . 此外,我不想使用其他工具转储为CSV和重新绘制 .
  • 1 votes
     answers
     views

    使用javascript将SVG图像导出到Excel

    我正在使用Highchart库及其模块(export-csv)将图表导出为excel . 我获取SVG图表数据(chart.getSVG()),然后修改export-csv模块: Highcharts.Chart.prototype.downloadXLS = function () { var svg = this.getSVG(); var dataUrl = 'data:im...
  • 1 votes
     answers
     views

    保持SVG图像计算公式的方面比例

    我在HTML5中有一个SVG的图像元素, 图像大小为:(拉伸,preserveAspectRatio设置为“none”)width = 520px height = 240px 然后,我修改它以保持纵横比(preserveAspectRatio设置为延迟)因为width> height,高度仍然相同= 240px但是我如何计算新的宽度(它因为维持纵横比而缩小)是否有公式这个?
  • 0 votes
     answers
     views

    在react-redux MERN应用程序中导入SVG时出错

    我需要将.svg文件加载到MERN样板项目中的react组件中 . 我在_2885896中使用此条目配置了webpack url-loader: { test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.otf$|\.ttf$/i, loader: 'url-loader?limit=10000', } 我试图访问组件中的资源: import logo from '....
  • 3 votes
     answers
     views

    在Webpack中使用SVG片段标识符

    在我的项目中,我想使用SVG片段标识符,如here中所提议的,意思是: 我希望能够在我的SVG文件中定义一个ViewBox: <view id="icon-clock-view" viewBox="0 0 32 32" /> 我想在我的CSS中访问ViewBox,如下所示: .icon-heart { background: url(...
  • 1 votes
     answers
     views

    Webpack '!'如何导入工作?

    我有一个React组件,我正在我的项目中作为node_module进行安装和导入 . 这个组件需要一个SVG,并在我需要之前通过babel转换为ES5 . 相关的转换代码看起来像这样 . 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); var _hudInline ...
  • 0 votes
     answers
     views

    react-stockchart:无法将JSX转换为TSX

    我在JSX中有一个react-stockchart图表示例:JSX plunker:http://plnkr.co/edit/gist:b993d5fcc5c09dd66a6e?p=preview 我想将JSX添加到现有的TypeScript项目中,因此我将文件扩展名从JSX更改为TSX并从此站点进行了其他转换:http://slidedeck.io/thewazir/Using-Typescri...
  • 199 votes
     answers
     views

    如何将SVG置于div中心?

    我有一个SVG,我试图以div为中心 . div的宽度为900px . SVG的宽度为400px . SVG的margin-left和margin-right设置为auto . 不起作用,它只是表现为左边距为0(默认值) . 有人知道我的错误吗?

热门问题