Tag: svg
如何在angular2 / 4中使用flag-icon-css？
我想用angular2 / 4来使用flag-icon-css。 我使用npm install flag-icon-css设置了flag-icon-css，并在webpack样式中添加了./node_modules/flag-icon-css/flag-icon.min.css。 看npm开始输出，它看起来像所有的svg文件被重命名： ad.a58027d893be40137b4e.svg 55.6 kB [emitted] ae.9df491b1067fe429b98a.svg 273 bytes [emitted] af.66d30d603494af84757f.svg 33.6 kB [emitted] ag.0c113ee43f5e979f9e2b.svg 862 bytes [emitted] ai.d6af3a0faf03775fead4.svg 58.2 kB [emitted] al.7e21b4962e704ec70f96.svg 4.91 kB [emitted] am.15d9b1b398267457715f.svg 242 bytes [emitted] ao.ea04172c141ba985f772.svg 2.25 kB [emitted] aq.2c772185d13c70791c11.svg 4.61 kB [emitted] ar.738ab0020d69c00a1d1b.svg 4.56 kB [emitted] as.5d5e432322a2db51180a.svg 11.5 kB [emitted] ….. 我想这就是为什么我看不到旗帜？
OpenCV绘图vs SVG渲染性能
我需要非常快地渲染vectorgraphics，以便在OpenCV（在nodejs中）中使用它。 最简单的方法来呈现椭圆形等简单的形状是使用OpenCV绘图function。 在我的multithreadingtesting程序中，我有〜625个1通道512 * 512的Mat，每秒有1个随机填充的椭圆。 以最快的速度在nodejs SVG到PNG渲染器'librsvg'我只有〜277相同的席夫每秒。 我的目的不够快。 我发现了另一个基于OpenGL的SVG渲染器 – SVGL ，但是我没有testing它的性能，没有绑定节点，只有C ++。 我将需要渲染比一个椭圆更复杂的vectorgraphics。 所以，如果我尝试实现OpenCV所需的所有绘图function，我希望有很多的工作，而且我不确定在复杂的vector图像的情况下OpenCV性能是否仍然可以接受。 “复杂”我的意思是数以百计的半透明圆弧，贝塞尔或某种圆形的多边形，没有填充或填充实心的半透明的颜色，或可能与渐变。 而我想把它渲染到很大的Mat，可能是1024 * 768左右。 SVG已经拥有了我所需要的所有东西，但是我不知道C ++，所以它（可能）也会花费很多时间来实现SVGL的绑定，而我仍然不知道它的性能 可能有一些替代的开源方式？
获取错误“无法find预设'react-server'相对于目录…”
完整的错误信息： ../assets/around/TCircle.svg模块构build失败：错误：无法在Array.map（native）目录中find相对于目录“/ Users / admin / Documents”的预设“react-server” 我一遍又一遍地得到了上面的错误，但是在整个项目的目录中没有提到react-server。 我试图完成的是链接资产目录作为npm依赖，并访问他们在整个项目。 另外（这听起来可能很愚蠢） – 但它完全适用于其他人的机器。
getBBox（）缺less文本元素的值
我有一个Node.js项目，它使用jsdom和Raphael Js在我的服务器上生成SVG标记，一切都很顺利，直到我调用Raphael文本元素的getBBox（）时开始缺less值。 var paper = window.Raphael(10, 50, 320, 200); var txt = paper.text(10, 10, 'hello world!'); console.log( txt.getBBox().toString() ); // Returns: NaN NaN NaN × NaN 而… var rect = paper.rect(10, 10, 10, 10); console.log( rect.getBBox().toString() ); // Returns: 10 10 10 × 10 这将是什么原因，更重要的是有一个修复？
节点js – 如何将多个SVG文件提供给浏览器
我是新手Node和面向服务器的代码，并试图获得存储在服务器中的多个SVG文件。 这里是我的代码客户端使用jQuery： $.ajax({ url: someURL, data: someData }) .done(function(data) { console.log('data got', data); callback(null, data); }) .fail(function() { callback(new Error('Cannot access files')); }); 这里是我的代码服务器端： // links is an array of links to the different svg files var svgs = []; async.eachSeries(links, function(link, next) { fs.readFile(link, function(err, svg) { svgs.push(svg); next(err); }); }, function(err) { if […]
生产节点应用程序无法findSVG文件
在我的本地开发应用程序中，使用下面的代码（花括号embeddedAngular.jsvariables），svg文件显示得很好： <img ng-src="img/servant_{{servant.personality}}.svg" draggable="false"> 但是当部署在Heroku上时，SVG文件会产生一个404： Failed to load resource: the server responded with a status of 404 (Not Found) Angularvariables在生产站点上工作，图像地址是准确的。 所以，这不是问题。 相反，我认为我的Node / Express应用程序可能无法提供SVG文件。 也许这是一个Heroku问题？ 仅供参考我正在使用MEAN堆栈。 这是我的公用文件夹的configuration： //Setting the fav icon and static folder app.use(express.static(config.root + '/public')); 图像在 public/img 有什么想法吗？
Node.js：如何将JSvariables的值从脚本传递给terminal？
给定一个运行D3jsdynamicdataviz的JS脚本 我目前打印出一个单一的视图到output.svg文件使用： svgcreator.node.js ： var jsdom = require('jsdom'); jsdom.env( "<html><body></body></html>", // CREATE DOM HOOK: [ 'http://d3js.org/d3.v3.min.js', // JS DEPENDENCIES online … 'js/d3.v3.min.js' ], // … & offline // D3JS MAP DRAWING CODE * * * * * * * * * * * * * * * * * * * function (err, window) { […]
D3animation（转换）不适用于Angular应用程序
我在一个指令中破解了一个包含简单饼图的指令。 这是jsfiddle中的确切示例。 但是，一旦我试图将其移动到我的networking应用程序，我得到的graphics是build立在以前的会议（覆盖），但没有animation。 我没有控制台错误。 当我做数据的日志，数据传递正确。 以下是我目前使用的软件：AngularJS v1.2.1，D3版本：“3.4.13”，由Express和NodeJS托pipe。 任何build议可能会导致此错误。 我不想在每次获得新数据时重置SVG，我想要平滑过渡。 var App = angular.module('App', ['ngRoute', 'ngCookies']); App.directive('barsChart', function($parse) { d3.edge = {}; d3.edge.donut = function module() { var width = 460, height = 300, radius = Math.min(width, height) / 2; var color = d3.scale.category20(); ………….//rest is the same as the js fiddle example
SVGO – 添加插件
这可能是一个愚蠢的问题 我从https://github.com/svg/svgo安装了SVGO 我想打开这样做的插件： 应用变换，裁剪实际宽度，居中垂直alignment，并调整SVG的大小（默认情况下禁用） 我该怎么做呢？ 据我所知，我需要find一个configuration文件，并将其添加到插件列表中。 我不知道从哪里开始。 请帮助：D
d3js与节点，如何添加一条线到饼图？
d3js新手在这里。 我正在使用d3js在服务器上呈现一个SVG。 经过一些教程，我能够想出这个： var fs = require('fs'); var d3 = require('d3'); var jsdom = require('jsdom'); var _ = require("underscore"); var chartWidth = 500, chartHeight = 500; var arc = d3.svg.arc() .outerRadius(chartWidth/2 – 10) .innerRadius(0); var colours = ['#98abc5','#8a89a6','#7b6888','#6b486b','#a05d56',"#d0743c", "#ff8c00"]; var pieData = [ { "category" : "Category A", "amount" : 300 }, { "category" : […]
