我正在以编程的方式生成大量的D3图。它们目前由带有SVG的HTML、CSS和JS组成。
我想以编程方式将这些图形导出为纯SVG。我想不出该怎么做。
我找到的最接近的解决方案是： --但问题是我需要通过编程来完成它，而不是使用需要手动单击/保存的工具，如Chrome开发人员工具或SVG Crowbar。
我更喜欢使用Python，但在这一点上我对任何工具/编程语言都是开放的。
浏览 6提问于2013-08-15得票数 20
回答已采纳
我知道我们可以使用document.createElementNS("http://www.w3.org/2000/svg","line");来创建嵌入到html页面中的svg元素。 但是，这种方法在独立的svg文档中似乎不起作用。 实际上，我正在尝试在svg中绘制印度国旗，但是，在旗帜的轮子上绘制24条辐条将非常耗时。因此，我想通过JavaScript以编程方式绘制它们。 任何关于如何在独立的svg文档中以编程方式创建元素的帮助都将不胜感激。
浏览 23提问于2019-03-02得票数 3
回答已采纳
我正在使用wp_handle_upload_prefilter对上传的SVG文件进行消毒，例如：
// Example code
add_filter( 'wp_handle_upload_prefilter', function($file) {
if ( $file['type'] === 'image/svg+xml' ) {
$this->sanitize( $file['tmp_name'] );
}
} );
对于通过媒体库上传的文件，它工作得很好，但是，如果该文件是通过编程上传的
浏览 0提问于2019-04-02得票数 0
我们的系统通过AJAX以编程方式将SVG文件加载到HTML中。一个典型的SVG文件以以下开头：
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0,0 65415,41616' xml:space='preserve' height='50.000cm' width='50.000cm' xmlns:xlink='http://www.w3.org/1999/xlink
但奇怪的是，在JavaScript中，似乎无法从SVG中获得这个“viewBo
浏览 8提问于2011-10-06得票数 23
回答已采纳
2回答
有没有提供基于组件的方式来创建SVG文档的Java库？
我不需要呈现SVG，我所要做的就是以编程的方式以类型安全的方式构造SVG树。
浏览 0提问于2011-07-12得票数 10
回答已采纳
2回答
在HTML5 5/JavaScript中，如果我以编程方式创建一个命名空间dom节点，如下所示：
svgElt = document.createElementNS("http://www.w3.org/2000/svg", 'svg')
节点“知道”它是自己的名称空间，我可以这样检索它：
svgElt.namespaceURI // result: "http://www.w3.org/2000/svg"
但是命名空间不被视为“正常”属性：
svgElt.getAttribute('xmlns') // result: null
浏览 5提问于2020-05-30得票数 1
回答已采纳
1回答
缺乏编程经验。
Svgwrite脚本只在空闲状态下为我工作。假设你有这个：
import svgwrite
svg_document = svgwrite.Drawing(filename = 'new.svg', size = (2400, 2400))
print(svg_document.tostring())
svg_document.save()
您需要添加什么才能使它正常运行？
谢谢你的帮助！
浏览 6提问于2021-12-31得票数 0
我想创建一个SVG并设置‘双击’来删除或隐藏它。使用此代码，双击隐藏画布和所有其他SVG。我是编程新手，一定是我的代码有问题。
var draw = SVG('output').size(1000, 500);
var table = draw.circle(150)
.fill('red')
.stroke('black')
.center(150, 300);
$("svg").on('dblclick',function
浏览 11提问于2017-12-03得票数 0
回答已采纳
2回答
我的html文档中有几个<svg>标记，我正在使用javascript以编程方式更改所有这些标记的高度。我有以下成功运行的代码，但它只针对第一个svg。
var x = document.getElementsByTagName('svg')[0].getAttribute('height');
var svgHeight = parseFloat(x) + 30;
document.getElementsByTagName('svg')[0].setAttribute('height', svgHeig
浏览 0提问于2015-11-14得票数 0
1回答
我是一个svg .I的新手，想通过编程找到svg图像的中心，并在中心点显示一个‘点’。
在这里，我创建了一个简单的svg.How来在中心点显示点。
<!DOCTYPE html>
<html>
<body>
<svg height="210" width="400">
<path d="M75 0 L56 105 L225 200 Z" />
</svg>
</body>
</html>
浏览 5提问于2014-07-25得票数 0
我和我的朋友想用SVG and PHP or PYTHON构建一些东西。
是否有将编程语言与强大的可视化界面(如SVG )连接在一起的集成/工作流？除了SVG，还有其他很有前途的可视化方法吗？
浏览 1提问于2011-03-31得票数 1
回答已采纳
1回答
我不确定我是否应该尝试询问服务器故障，但我会先看看是否有编程解决方案。
以下代码中的“使用”svg文件不在Firefox 68esr浏览器上缓存：
<svg class="smallwhiteicon"><use href="sprites/solid.svg#comments"></use></svg>
我已经证实：
所有其他文件正确缓存。
每个文件的在重新加载页面时不会更改
页面上的所有文件都有一个
我已经多次重新启动Apache服务器实例
我尝试过用处理缓存服务器端的文件
检查和双重检
浏览 3提问于2020-07-19得票数 0
1回答
<svg>
<text x="0" y="50" font-family="Verdana" font-size="35" fill="blue" opacity="0">Hello</text>
<animate attributeName="opacity" begin="click" dur="0.3s" from="0" to="1" r
浏览 36提问于2020-07-02得票数 0
2回答
SVG是W3C的2D矢量图形标准。一些相当可靠的东西。有没有3D版本的SVG？这是它的一种扩展，因此从.svg到.ext和反向转换在编程上是非常简单的。
浏览 2提问于2013-12-30得票数 15
在将matplotlib绘图保存到svg时，有没有设置miterlimit的方法？我想通过编程解决这个bug:，而我必须在".svg“文本文件中手动更改它。
浏览 0提问于2016-09-08得票数 2
2回答
我在位于"Resources/svgs“中的项目中导入了SVG映像(acd.svg)。选择SVG，导入程序设置将在检查器中打开，我在其中选择了"Vector“选项为”“。我可以成功地将acdSprite放到场景中(在画布中，它是正确可见的)，而sprite组件将Sprite字段设置为acdSprite。
现在，我想以编程的方式更改这个"SymbolObject“组件中的Sprite，但是我不明白acdSprite位于哪里。
我试过这样的方法：
symbolObject.GetComponent().sprite = (Sprite) Resources.Load (&
浏览 0提问于2019-05-22得票数 2
1回答
是否可以通过使用可视化ID在Python中获得SVG格式的Kibana可视化。我想以编程方式使用SVG和HTML页面来发送HTML邮件
浏览 3提问于2021-06-03得票数 0
我想深入研究现代浏览器的canvas和svg功能。我想知道有哪些好的在线教程、视频和书籍可以帮助有编程背景的人开始构建重要的canvas和svg应用程序。
此外，还有一些设计良好的canvas/svg框架和库可供参考。
浏览 5提问于2010-12-28得票数 3
我有一个带有填充规则=“偶数”的单路径的svg。我必须将它转换成字体，这样做将需要我使用svg而不使用填充规则=“偶数”。所以我想知道是否有办法通过编程摆脱这个问题。
这是我的svg (https://pastebin.com/raw/bcKncqUZ)
谢谢
浏览 19提问于2022-09-10得票数 1
回答已采纳
我在动态Next.js应用程序中有一条路径，我只想输出SVG。它不是静态SVG，而是基于后端API中的值以编程方式创建的动态SVG输出。但是我只想要SVG输出，而不是我在其他地方使用的包装html、body等。
有什么想法吗?怎么能有一条只输出页面上的内容的路线？
浏览 1提问于2022-11-21得票数 0
回答已采纳
我在网上到处搜索关于如何使用react-native-svg特性在React-Native中创建SVG Rect元素的信息，但没有成功。到目前为止，我所做的是在组件中定义一些SVG元素，并将prop传递给现有的SVG元素，如Rect、Circle等。但是，如何以编程方式创建随机数量的SVG元素并将它们附加到组件？遗憾的是，文档中没有对此进行说明。
浏览 23提问于2019-02-02得票数 1
1回答
我有一个项目，其中svg文件的不同层需要着色。我试着做了一个颜色转换，但它只是在svg图像上叠加了一层颜色。有什么方法可以在AS3中以编程方式为svg文件的各个层添加不同的颜色吗？
提前谢谢。
浏览 0提问于2012-01-09得票数 1
1回答
我有一个svg:circle，它下面有一个svg:title元素，这样标题就会显示为圆的工具提示。如何以编程方式(使用javascript)显示和隐藏此工具提示？
浏览 0提问于2013-01-12得票数 1
回答已采纳
我想用blazor操作一个SVG对象，有没有可能通过C#客户端，或者我需要使用javascript。例如，基于SVG区域中的单击以编程方式绘制一条线。如果有任何建议，我们将非常感谢。我发现了很多关于添加SVG组件的内容，但是没有关于向已经存在的svg组件添加元素的内容
浏览 48提问于2020-05-29得票数 1
回答已采纳
我有一个包含SVG的HTML页面。我知道我想以编程方式将HTML元素(准确地说是输入元素)放在SVG之上。
我得到了元素在SVG宽度和高度中所占百分比的所需位置。
如何将元素添加到该位置？
我的一个想法是，在SVG周围创建一个与我的尺寸完全相同的div：
<div ...>
<svg>...</svg>
<input style="top:10%..."/>
...
</div>
但是对于这种情况，外部div必须具有与SVG完全相同的尺寸，而我不知道如何做到这一点。SVG只有一个宽度，没有“vi
浏览 9提问于2017-07-24得票数 3
我是SVG的新手，也不是JavaScript的高级用户。我有一个用javascript动态呈现svg内容的网页。在Internet Explorer中，当我右键单击svg内容时，我会看到“将图片另存为”选项，并且我可以将内容保存为png或svg。
我如何通过编程来做到这一点，有一个按钮，并允许用户保存在png的内容到他们的机器上。
浏览 0提问于2011-12-05得票数 13
回答已采纳
我正在尝试从外部托管的SVG获取XML数据字符串。我应该注意到我正在使用Nodejs。我的目标是将.svg文件的内容嵌入到一个字符串中，如下所示：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%">
<g transform="translate(${x}, ${y}) scale(${scale})">
//INLINE SVG
</g>
浏览 3提问于2021-06-01得票数 0
回答已采纳
1回答
当以编程方式更改父<svg>转换属性时，我得到了一些内部SVG元素的奇怪行为。更改后，css选择器(如:hover)和javascript监听器(onClick)都无法工作。
下面是一个示例：
包含一个<svg>元素的简单<circle>：
在每个窗口单击之后更新<svg>转换属性的JS代码：
var svg = document.getElementsByTagName('svg') var x=0 window.onclick = function() {svg.setAttribute(‘转换'，’翻译(‘
浏览 3提问于2016-05-09得票数 0
回答已采纳
1回答
我有一个由span元素组成的导航模板。我想在一个新选项卡中打开某个URL的span元素中添加一个URL。我做错了什么？(我是编程初学者)
<Tab>
<img className="svg" src="/assets/img/svg/briefcase.svg" alt="briefcase" />
<span href="url.html" className="menu_content">eindrücke</span>
</Tab>
浏览 1提问于2022-01-29得票数 -1
回答已采纳
1回答
我有一个转换svg到pdf的java程序。在svg文件中，我已经给了Myriad Pro Light作为样式，在转换为pdf后字体是其他的东西。谁能建议我如何通过编程配置字体样式。
浏览 0提问于2012-10-19得票数 1
1回答
我在用snap.svg创建的查看器画布上有一个svg元素，所以我可以在这个svg层上为元素绘制名称标记。在我创建svg层之后，查看器通常会对左击做出反应，但不再打开上下文菜单。如何以编程方式打开上下文菜单？我可以用jQuery捕捉单击事件，并获得x和y位置。
$("#svg-canvas").contextmenu(function (e) {
console.log('x: ' + e.screenX + ' y: ' + e.screenY);
});
我还试图更改.menu和svg层的z索引，但是如果svg层位于顶部并显示svg元素，它
浏览 4提问于2016-12-28得票数 0
回答已采纳
1回答
SVG图像精灵？可能还是不可能？
、、、、
有人将SVG用于图像精灵吗？我希望用一些可伸缩的SVG图像替换一堆非常相似的GIF和JPG，但是图像梯度和按钮形状规范使SVG膨胀。
如果我可以创建一个复合图，那么我可能能够重用渐变和基础按钮形状等。我只是不确定是否可以在(比方说) CSS文档中引用SVG图像。我认为不是，因为必须通过embed或object标记而不是img标记来使用SVG。
也许我可以通过编程的方式，例如使用jquery，获取主SVG文档的片段，并使用它来按需合成SVG图像。但我想那会很慢吧？
谢谢,
安德鲁·马修斯
浏览 0提问于2009-09-22得票数 2
回答已采纳
1回答
我用JavaScript以编程方式创建了几个svg图像。图像是线条。
function create(elem) { //function for create svg elem
var svg = "http://www.w3.org/2000/svg";
return document.createElementNS(svg, elem);
function set(elem, atrArr) { //function for set attr
浏览 0提问于2013-08-29得票数 1
2回答
是否可以将分层矢量.SVG文件转换为分层.EPS文件？
我正在尝试以编程方式将一系列.SVG编译成一个大的.SVG，然后将其导入Photoshop，这样Adobe Illustrator就可以很容易地打开它。
真的需要任何建议/指导！似乎没有任何文档说明Adobe的分层.EPS文件是如何组合在一起的。
浏览 2提问于2011-10-25得票数 4
我正在使用OpenWeather应用编程接口在我客户的网站上显示当前和五天的预测。
我有一些自定义的SVG图标，我想使用它们来代替OpenWeather提供的图标。我已经实现了以下switch语句，以根据天气条件显示不同的图标。
let dailyCondition = value.weather[0].description;
let dailyCondtionIcon = "";
switch (dailyCondition) {
case "clear sky":
dailyConditionIcon = `<svg>ic
浏览 6提问于2021-12-02得票数 0
1回答
我有两个SVG，它们是相同的，但我在里面更改了一些值，例如：
SVG1
<desc
id="desc20622">[Visualization]
name=H131B1;
</desc>
另一个是：
SVG2
<desc
id="desc20622">[Visualization]
name=R131C2;
</desc>
现在，我在一个SVG中重新定位了许多元素，我想将这个更改复制到另一个SVG。如何最简单地使用这些SVG、比较ids、将值从SVG2复制到SVG1并保存一个
浏览 0提问于2018-07-25得票数 0
2回答
我试图使用以下代码，通过使用svg.js添加到多边形数组中，以编程方式创建带有函数的SVG多边形：
const draw = SVG().addTo('body').attr({
viewBox: '0 0 100 100'
})
const {width,height} = draw.viewbox()
const polygon = draw.polygon([])
createPoint(0,0)
createPoint(100,0)
createPoint(100,100)
function createPoint(x,y){
cons
浏览 4提问于2022-03-31得票数 0
回答已采纳
有两个SVG元素( SVG1和SVG2 )，其中SVG1是一个大区域，有各种元素，这些元素不时地被添加、删除和重新定位。另一方面，SVG2需要用作图标化的版本的SVG1，它非常小，但是无论SVG1显示什么，SVG2都以非常小的规模显示。
<SVG id="SVG1" width=1000 height=1000>
<g transform="scale(1)">
.... elements here....
</g>
</SVG>
<SVG id="SVG2" wid
浏览 5提问于2013-07-12得票数 5
回答已采纳
我用它来显示SVG图像，我将用编程来构造。在开始之前，我需要知道呈现的容器的大小。我正在等待打开的属性更改为true，但是，当.clientWidth触发时，这显然太快了，但是以后.clientWidth确实提供了正确的值。
<paper-dialog class="dialog" opened={{modalOpen}} modal>
<svg width="100%", height="100%" />
</paper-dialog>
如何等待计算SVG、clientWidth和clientHei
浏览 2提问于2020-10-19得票数 3
回答已采纳
当我使用d3-zoom并使用zoomIdentity以编程方式调用scaleTo函数时，我不能再使用鼠标滚轮进行缩放。 如何解决此问题？ https://observablehq.com/d/8a5dfbc7d858a16b // mouse wheel zoom not working because use of zoomIdentity
chart = {
const svg = d3.create("svg")
.attr("viewBox", [0, 0, width, height])
.style("disp
浏览 131提问于2021-11-10得票数 0
回答已采纳
1回答
我正在开发一个以编程方式编写svg文件的工具。我想知道将作者添加到文件中的传统方法是什么。我用的是这样的东西：
<svg version="1.1"
baseProfile="full" width="297mm"
height="210mm"
viewBox="0 0 297 210"
xmlns="http://www.w3.org/2000/svg"
author="Bill Kill">
但我也发现了这个使用的约定。
<svg
浏览 0提问于2019-09-26得票数 2
回答已采纳
其目的是用WordPress函数get_terms检索到的信息生成一个html表。它创建一个列表图标图例，并以html格式显示。在这里，我创建了一个简短的代码来在需要的地方调用这个函数。
然而，作为PHP编程的新手，我不知道如何正确地实现这一点，因为在PHP编程中，我面临着一个函数不能返回多个值的约束。请修改以下代码以实现其意图，我认为这是明确的，即使代码是无效的。
<?php
// Custom function to compile post icons legend table - added by you 18 Dec 2017
function compile_post_ico
浏览 0提问于2017-12-18得票数 3
回答已采纳
1回答
有没有人用Visual C++创建过SVG文档？我正在寻找一些基本的教程，但我的谷歌似乎失败了。我不确定是否有可能通过编程创建一个SVG文档。任何帮助都将不胜感激。
浏览 1提问于2011-06-26得票数 0
回答已采纳
1回答
我有一个SVG国家地图，有不同的省份路径。是否可以在单击按钮时更改特定路径(特定省份)的颜色？每个省份在SVG文件中都有一个唯一的名称和ID。如果需要，我可以更改SVG文件。这一点是我不知道如何用Java以编程的方式来定位路径。
SVG如下所示：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:mapsvg="http://mapsvg.com"
xmlns:dc="http://purl.org/dc/e
浏览 3提问于2019-07-28得票数 2
我有一组SVG，它们的画布似乎不适合它们的大小。因此，他们似乎偏离了中心。我可以将它们导入Sketch，然后再作为SVG导出它们。草图将采取SVG和修剪画布，所以SVG有一个非常微小的填充价值。它完全实现了我想要的(劳动密集型)，但是，我想确定如何以编程的方式来完成这个任务。
我使用的SVGs来自回购：
我执行的命令：mogrify -density 3600 -extent 1100x1100 -gravity center -background none -format png *.svg
下面是转换SVG后的示例PNG，带有mogrify：
下面是通过Sketch导出后的示例PN
浏览 1提问于2018-07-05得票数 1
回答已采纳
如何以编程方式将SVG文件(或任何其他基于公共矢量的格式)上传到Google Drive，以便在那里存储/转换为google图形原生格式？因此，上传的文件以后可以直接在google drive环境中打开和编辑。有可能吗？当我使用基于web的用户界面将SVG文件上传到Google Drive时，SVG文件会被存储，但不会被转换，也无法编辑。可以直接查看。
浏览 0提问于2012-10-24得票数 2
3回答
有任何方法嵌入一个SVG在一个启动带3弹出吗？我可以让HTML在像这样的弹出窗口中工作：
var myText = 'here is some text'
$('#my-element').popover({
container: 'body',
content: myText,
placement: 'right',
html: true
})
我真正想做的是以编程方式在这样的函数中创建SVG：
$('#my-element').popover({
container: 'body&
浏览 8提问于2015-02-06得票数 14
回答已采纳
1回答
我试着用SVG画一条垂直线。
<style>
svg#chart {
background: lightgray;
}
#chart line {stroke: #555555; stroke-width:1}
</style>
<svg id="chart" width="300" height="225">
<line x="20" y1="20" x2="20" y2="130"></line>
浏览 1提问于2016-10-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
