1回答
在浏览器操作时切换图标
、、、、
如何在单击浏览器操作时切换扩展图标？
manifest.json
{
"manifest_version": 2,
"name": "Toggle Icon",
"description": "Toggle browser action Icon",
"version": "1.0",
"homepage_url": "https://www.stackoverflow.com/",
"icons": {
浏览 5提问于2017-06-19得票数 1
回答已采纳
如何在SVGJS 3中从外部文件加载SVG？2.7版有很多例子，但我找不到任何在SVG.JS 3中工作的方法，即使是文档中的那个也不适合我：
文档中的示例如下：
var use = draw.use('elementId', 'path/to/file.svg')
因此，在我的示例中，我假设以下代码可以工作：
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jqu
浏览 50提问于2020-02-21得票数 0
我正在使用带有自定义标记的leaflet js。这些标记需要移动、更改颜色和旋转。移动相当简单，因为可以更新标记位置。对于颜色，我需要访问图像上的特定路径，这是一个svg。如果我可以在js中访问svg，也应该能够处理旋转。
我的想法是在js中加载svg，然后根据需要修改它，然后将其分配给自定义图标。有没有一种简单的方法可以在js中加载svg，这样就可以在不成为DOM的一部分的情况下对其进行操作？
感谢您的任何建议
浏览 2提问于2015-08-19得票数 0
我正在开发一个基于SVG的web应用程序，它有许多SVG元素需要在SVG画布上移动。在转换SVG元素时，从性能角度看，使用Raphael.JS的或是否更快？
浏览 3提问于2014-01-02得票数 0
回答已采纳
2回答
我有一个与SVG和JS一起工作的项目。现在，SVG负责调用JS。在SVG代码的中间有这样一条指令：
planta30263.svg
<?xml version="1.0" encoding="UTF-8"?>
....
<script type="text/javascript" xlink:href="tatu1/svgEditarVisualizacao.js" xlink:actuate="onLoad" xlink:show="other" xlink:type=&
浏览 0提问于2011-03-14得票数 0
我正在为一个需要包括在后端和前端的react应用程序编写一个模块。
在我的代码中的某些地方，我需要一些svg文件(我为它使用了一个browserify模块，但这与问题无关)。
例如，我的./src/js/components/tools/svg.js中有以下代码：
// ...
var BACKEND = /* code to detect if this is running on browser or on node */;
var svg;
if ( BACKEND ) {
svg = require("./../../../icon/" + this.props
浏览 1提问于2014-12-24得票数 1
Chrome和Firefox添加了一个带有jQuery的元素后，不会可视化地更新svg：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../js/jquery-3.2.1.min.js"></script>
</head>
<body>
<svg width="300" height="
浏览 2提问于2017-11-17得票数 0
回答已采纳
1回答
我开始和SVG.js打交道了
我有一个模式效果，我已经创建了，并希望在许多SVG中使用。
我可以用以下代码在一个SVG中创建它..。
$( document ).ready(function() {
var draw = SVG('geo').size(1200, 1700);
// 100 lines of js creating geometric pattern, effectively this...
var rect = draw.polygon(coordinates).fill('#fff').stroke({ widt
浏览 1提问于2014-08-15得票数 0
回答已采纳
我在试着让svgmin在我的档案里工作。这是我当前的配置：
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var minify = require('gulp-minify');
var uglify = require('gulp-uglify');
var pump = r
浏览 0提问于2016-09-29得票数 0
回答已采纳
1回答
我在向现有元素插入新的同级元素时遇到了问题。
我有这样的结构
<svg>
<g>
<path class="data"></path>
<path class="data"></path>
</g>
</svg>
想要这个结构
<svg>
<g>
<path class="data"></path>
<text></text>
浏览 4提问于2012-10-23得票数 30
回答已采纳
1回答
我在d3.js (fiddle)中的一个简单动画中遇到了问题 我的目标是当鼠标悬停在红色方块上时，圆圈向下移动50个像素。 当光标悬停在红色方块右上角/左上角的圆上方时，圆将平滑过渡。但是，当我的光标悬停在红色正方形左下角的圆圈内或圆圈下方时，圆圈要么停止移动，要么根本不移动。 我想这与我的动画功能有关。 function mouseOverLogo() {
cir.transition()
.duration(2000)
.attr('transform', 'translate(0, 50)');
}
function mouseOutLogo() {
浏览 33提问于2020-12-29得票数 1
回答已采纳
我想做这样的事情： 导入'~/path/to/svg/${props_here}.svg'； 这在vue-js中是可能的吗？
浏览 24提问于2019-05-17得票数 1
1回答
D3.js独立图表和Divs重叠
、、、、
我有。每个都绑定到一个唯一的div id。由于某种原因，它们在相同的SVG元素上绘制。
我试着遵循的模式.
<div id="Dx"></div>
<script src="Dx.js" type="text/javascript"></script>
<div id="Cpt"></div>
<script src="Cpt.js" type="text/javascript"></script
浏览 2提问于2014-01-05得票数 4
回答已采纳
1回答
如何动画引用SVG背景
、、、、
是否存在用vivus.js动画化参考背景的方法？我在试着用它。我在官方文档中找到了这段代码，但我不知道这是否可能。请看下面的代码：
HTML
<section id="svg-bg" class="materiais-topo">
<!-- some elements here -->
</section>
CSS (SASS)
.materiais-topo {
background-color: $green-fluo;
background-image: url('../im
浏览 4提问于2018-08-31得票数 0
回答已采纳
2回答
我刚刚完成了一个使用Raphael.js进行svg操作的项目。我发现在所有样式、悬停等操作中使用JS会使JavaScript变得臃肿，并且没有按照我通常喜欢的方式将样式与代码分开。
然后，我开始使用用JavaScript绘制的纯SVG，或者只是直接使用SVG元素，以及如何使用纯CSS操作它们。
例如：
<svg id="circle-svg" version="1.1" xmlns="http://www.w3.org/2000/svg"
width="400" height="300">
&
浏览 4提问于2014-06-02得票数 3
回答已采纳
1回答
我想导航在反应导航与我的自定义侧导航栏(这不使用drawerNavigator )。我已经放置侧导航条和底部酒吧固定在app.js，因为它将出现在所有屏幕。中间内容区域应按按纽加载到侧导航栏上。
在文档中，im跟踪导航而没有导航支柱。我已经遵循本教程，屏幕上是不可见的按钮点击。
App.js
render() {
return (
<View style={styles.container}>
<View style={styles.app}>
<View style={styles.navDraw
浏览 5提问于2022-06-29得票数 0
回答已采纳
3回答
我使用的是一个库，该库使用拉斐尔库创建svg内容。我现在想添加缩放功能。我找到了下面的库：
下面是svg部件的外观：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
//...the image
问题是这个库需要一个script标记和一个g标记将整个图像括起来。在操作之后，它应该看起来像这样：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink&#
浏览 0提问于2011-10-05得票数 2
回答已采纳
1回答
据我所知，d3.js主要用于SVG，而不是HTML5 5的画布。SVG和Canvas的优缺点是明确的，并且已经讨论过了。现在，我发现可以在d3.js中使用画布，也可以与SVG结合使用。主要原因应该是为大型数据集获得更好的性能(就像cubism.js用于实时数据可视化一样)。我的问题是:当我在SVG上使用画布来获得更好的性能时，我仍然有可能进行交互吗？我知道画布本身允许操作，但它比SVG更难实现。所以，当我使用D3.jsCanvas方法时，我可以维护SVG的交互吗？
浏览 4提问于2014-03-13得票数 1
回答已采纳
5回答
我有一个非常简单的HTML文件，在该文件中，我希望根据通过AJAX调用检索的数据绘制SVG。
我应该等到通过将我的代码封装在document.onload = function() { ... }块中来完全加载文档，或者我是否可以确保在执行JS代码时文档已经完全加载，因为我的JS代码是在HTML文件的末尾加载的？
HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<link href="styles.css" rel="stylesheet">
浏览 6提问于2014-03-16得票数 0
回答已采纳
我有一个d3.js脚本，它在应用程序外部的.html文档中呈现得很好，但是当我将它嵌入到mvc应用程序中的.cshtml文件中时，svg是空的。有人能帮我理解为什么这不是渲染吗？Chrome和IE中的Javascript控制台都没有显示错误。谢谢
这里是王国：
<svg width="1920" height="1000">
<rect class="background" width="1920" height="1000"/>
<g transform="t
浏览 3提问于2013-08-10得票数 0
回答已采纳
1回答
我正在创建自定义动态SVG，其中我希望使rect元素的X和Y属性动态，如下所示：
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 110 40">
<defs>
<ref id="abs" param="abs" default="5"/>
<ref id="ord"
浏览 3提问于2021-12-09得票数 0
1回答
我想知道为什么D3.js不将命名空间属性添加到SVG元素中。
d3.ns.prefix.ex = 'http://example.com/';
var chart = d3.select('#chart').append('svg:svg');
我认为输出应该类似于：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:ex="http://example.com/">
其实这只是
<svg>
有关完整的示例，请参阅此小提琴：
浏览 3提问于2014-07-07得票数 6
回答已采纳
目前正在研究如何在画布中插入冷融。目前，由于javascript错误"canvas.getContext('2d')；不是函数“，我陷入了困境。
画布必须位于div内：
<div id="svgbasics" name="svgbasics"></div>
这是用于生成图像的javascript
var canvas = $('#svgbasics').svg('get').toSVG();
var context = canvas.getContext('2d');
浏览 3提问于2013-01-25得票数 11
我在我的网站上嵌入了一个svg图形，我想用javascript来操作网站的其余部分--这些命令是在中的svg--尽管我不确定这是否可行。
让我详细说明:我在svg中有一个世界地图，我想点击一个国家，这个点击应该运行一个ajax调用，并将这个国家的相关信息加载到包含svg的html站点的div中。
“onclick=”location.href=‘xxx’“重定向到相应的站点很好，但是我更愿意运行一个js--使用ajax获取站点的函数--但是在svg中运行javascript-函数似乎只适用于svg中定义的函数和元素，而不是它之外的函数和元素。
是否基本上可以通过svg中的js-函数来操作svg
浏览 6提问于2010-06-10得票数 1
回答已采纳
2回答
我想应用官方文档中的来更新鼠标事件上的svg路径(但可以是按钮或其他任何东西)。
但是路径只会被添加，而不会被更新。我想这就是为什么我没有正确使用enter和exit属性的原因，但经过各种尝试后，我无法让它工作。
这是一个。
我的js代码如下：
var shapeCoords = [
[10, 10], [100, 10], [100, 100], [10, 100]
];
$(function() {
var container = $('#container'
浏览 0提问于2014-03-25得票数 18
回答已采纳
2回答
我是D3和Javascript的新手，我正在试图找出为什么这段代码不能工作。这个错误似乎是在最后一个匿名function.Replacing中，它与a一起工作。
有什么建议吗？
var pi = Math.PI;
var cornerRadius = 20;
var spaceAngle = 10
var percents = [40, 60, 76]
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height"),
浏览 3提问于2017-04-15得票数 1
回答已采纳
我在我的Node.js应用程序中使用Highcharts nodejs导出服务器模块。
我希望获得SVG字符串形式的响应，而不是在服务器上生成SVG文件。是否可以获得SVG字符串作为响应。
我正在使用最新的Highcharts Node.js导出服务器模块。我可以在res.data中获得base64编码的数据，但是我看不到任何方法来获得SVG字符串作为响应。
我使用下面的代码片段来调用导出器模块：
exporter.initPool();
exporter.export(exportSettings, function (err, res) {
exporter.killPool();
pro
浏览 2提问于2019-05-09得票数 0
1回答
这是我当前的项目设置：
dist/
├── bundle.js
└── index.html
src/
├── main.js
├── img/
│ └── icon.svg
├── js/
└── styles/
└── page.css
webpack.config.js
当我想要引用index.html文件中的图像时
<img src="img/icon.svg">
我首先需要在我的main.js文件中使用它，以便在这个dist/img/目录中进行处理和构建，当我现在还想使用css中的图标时，就会遇到引用问题。希望你能给我一些建议，如何优化我的
浏览 2提问于2017-01-07得票数 0
回答已采纳
我在一个项目中使用D3.js，用SVG制作图表。该图使用SVG符号。我有javascript代码来管理这些带有onload事件的项目。
在浏览器中，比如webkit引擎，浏览器运行得非常好。但是Firefox...Firefox不会在SVG中运行任何onload事件。
嗯，我看到了这个bug，并认为Firefox是自由软件，这些人喜欢bug跟踪。我已经上传了bug 。
这些人的反应是"WONTFIX“。
检查bug的示例非常简单明了：
<html>
<head>
<title>test onload event in a sv
浏览 0提问于2016-03-08得票数 1
1回答
我对D3.js很陌生，所以我想知道如何使用d3.select()或d3.selectAll()从已加载的外部SVG中选择一些id。例如:我想选择一些国家，改变他们的颜色和边界，但不能让它在D3.js中工作。相关脚本：
var svg = d3.select("body").append("svg")
.attr("width", 2048)
.attr("height", 982)
.style("fill", "tra
浏览 4提问于2014-05-27得票数 1
回答已采纳
1回答
我是一个初学者在编码的世界，并试图做一些HTML抓取。我已经在一些早期的项目中取得了成功，但我目前的项目不起作用。
这个问题与这个站点有关：我想从这个站点(和类似的站点)中提取数据。
然而，当我试图提取数据，如层，价格等，我遇到了一个问题。我的代码如下：
from bs4 import BeautifulSoup as BS
import lxml
import urllib2
from pprint import pprint
##
site="http://console.worldoftanks.com/encyclopedia/vehicles/usa/T1_Cunning
浏览 6提问于2016-05-09得票数 2
回答已采纳
我正在使用Nuxt和Vue.js，我正在尝试将一些svg渲染到页面上。但是我一直得到以下信息
别介意粉色，那是另一种元素。我尝试安装@nuxtjs/svg，并将其添加到我的nuxt.config.js模块中，它说它应该开箱即用。但对我来说不是。我做错了什么？
flagPath返回/vector/icons/flags/united_kingdom.svg，这就是它们所在的位置。它与同一文件夹中的png一起工作得很好。
<template>
<div>
<img :src="flagPath" width="70&#
浏览 0提问于2020-01-23得票数 0
下面的代码提供“脚本错误”。任何帮助都非常感谢。
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.11/paper-full.min.js"></script>
<script>
window.MathJax = {
// options
};
</script>
<script type="text/javascript" id="MathJax-script" async sr
浏览 4提问于2021-03-29得票数 1
回答已采纳
1回答
这是这个ModuleCardData.js
{
name: 'Smart Attendance',
summary: 'Keep parents updated with live Attendance and monthly reports',
image: '{Attendance}',
},
{
name: 'Parents Communication Module',
summary:
'Chat with parents anytime, anywh
浏览 2提问于2019-10-24得票数 0
回答已采纳
我正在尝试用three.js创建一个配置器，但是我需要改变产品的颜色，我想我可以使用svg作为纹理，改变svg的填充属性并很容易地更新纹理，但是我没有很好的效果。
目前我所拥有的是
使用svg作为纹理应用的-A 3D模型，但svg被放置在外部文件(“TextureLoader /texture.svg”)中( three.js也在缩小纹理的大小，但我认为这是一个映射问题)
-The svg是分层的，因此我可以手动更改颜色并应用它。
但是我想让它动态化，你选择一种颜色，它会自动更新作为纹理应用的svg。
有什么想法吗？
谢谢!
浏览 66提问于2017-08-29得票数 0
回答已采纳
与此JavaScript等效的jQuery是什么：
$(document).on('click', '.add-star', function (event) {
//event will return the .add-star
})
标记如下所示
<div class="add-star">
<svg>
<path />
</svg>
</div>
当我做document.addEventListener('click', fu
浏览 6提问于2017-10-04得票数 0
回答已采纳
我遇到了在html代码中操作SVG文件(对象)的挑战。在Snap中有解决方案，但我需要通过JavaScript或JQuery直接完成。这就是我到目前为止所知道的：
JS：
<object id="testSVG" data="image_library/grandstaff_drawing_only.svg"
type="image/svg+xml" height=100% width=100%">
<img src="image_library/alto-clef.png" />
&
浏览 0提问于2015-05-03得票数 3
回答已采纳
1回答
我有个svg文件。我正在通过<object data = "img/img.svg" type = "image/svg + xml">...添加它
Svg文件包含带有属性"path"的标记"fill"。
此svg文件需要多次使用，并对"fill"使用不同的颜色。像div.red #pathId {fill: red}和div.green #pathId {fill: green}这样的东西是必要的
Css属性不应用于此svg文件，因为它在页面上类似于iframe方式，而=> cs
浏览 4提问于2014-10-15得票数 0
我正在使用ariutta SVG-PA-缩放库()。(也用于jquery.layout.js窗格和jquery-ui.js)
我希望保存svg缩放svg的值，并使用这些值跳转到相同的位置，使用一个具有不同大小窗口的浏览器。
目前，我正在使用getPan()和getZoom()保存值；然后在另一个浏览器中缩放(缩放)和pan( pan )，以缩放和平移到相同的位置。当浏览器窗口大小不同时，此操作不起作用。
我找到了这篇文章，但它没有提到一个大小不同的窗口：
浏览 5提问于2015-11-10得票数 1
回答已采纳
我在UI中有一些画布图形(使用chart.js来绘制图形)，我想在angular 6和更高版本中下载图形为svg图像/文件。 我已经通过了许多网站，几乎花了半天，但没有得到任何解决方案，甚至我尝试html2canvas另存为svg文件，但它不支持。有些地方我听说像d3.js和其他一些库有能力绘制svg，但我想保存为svg文件，请通过我的以下代码，任何答案将不胜感激。 .html:-> <div>
<canvas baseChart [data]="pieChartData" id="myCanvas" [labels]
浏览 22提问于2020-04-30得票数 1
我正在尝试将两个d3.js示例合并为一个html文件，并将其放入中。作为参考，下面的两个示例是和。
为了合并这两个文件，我必须使用CSS类并从javascript中调用它们。CSS：
circle.a { stroke: #fff; }
circle.b { fill: none; stroke-width: 1.5px; }
不幸的是，我在从D3调用CSS类时遇到了问题：
var svg = d3.select("body").append("svg:svg")
svg.append("svg:circle[class=a]")
...
var
浏览 0提问于2012-11-28得票数 1
回答已采纳
1回答
我正在为几个不同的场所开发一个基于网络的餐厅管理系统，并且需要为表管理实现动态的平面图。表需要可点击和可编辑，不同的平面图需要存储，不确定是存储在数据库中还是图像中？
在考虑了几种选择之后，我现在陷入困境：
帆布-次优
Svg-使用JS操作svg文件似乎最合适，不确定使用哪个库。
Jquery使用Bootstrap和这两个人在一起玩得不太好
你对我的具体情况有什么建议？与Svg一起使用哪个JS库？
浏览 0提问于2017-06-12得票数 1
我在动态Next.js应用程序中有一条路径，我只想输出SVG。它不是静态SVG，而是基于后端API中的值以编程方式创建的动态SVG输出。但是我只想要SVG输出，而不是我在其他地方使用的包装html、body等。
有什么想法吗?怎么能有一条只输出页面上的内容的路线？
浏览 1提问于2022-11-21得票数 0
回答已采纳
2回答
在我的前端，我可以通过“资产”显示我的公共目录。在这里，当用户在图像上悬停时，它应该显示我通过外部JS文件显示的其他图像。但是在外部Js文件中，我无法通过Asset指示公共目录。我该怎么做？
<a href="https://www.facebook.com/" target="_blank">
<img id="facebook-icon" src="{{asset('frontEnd/images/icon/facebook-icon.svg')}}">
浏览 2提问于2017-09-12得票数 1
回答已采纳
4回答
我正在尝试制作一个网站，在那里你可以使用Raphael.js在另一个图像上绘制一个图像。绘图部分已经完成，我可以将线条导出为png。我将图像插入到由函数paper.image()生成的SVG raphael中；不幸的是，我的导出函数不包括导入的图像。
这些是我正在使用的脚本，但我不认为我会全部使用它们。
<script src="../jquery-2.0.1.min.js"></script>
<script src="raphael-min.js"></script>
<script src="r
浏览 4提问于2013-07-04得票数 6
我得到了下面两个数组。 producers = { owner_name: "testing123, url: "http://test.com/", logo_svg: "http://test.com/logo.svg"}, { owner_name: "testing456, url: "http://test456.com/", logo_svg: "http://test456.com/logo.svg"}
result = { owner_name: "testing123, true, fa
浏览 33提问于2020-09-01得票数 0
回答已采纳
我有一个为src文件夹中的.svg文件创建.png回退的Gulp任务：
gulp.task('svg2png', ['svg'], function() {
return gulp.src(src + '/svg/**/*.svg')
.pipe(plugins.newer(dest + '/svg'))
.pipe(plugins.svg2png())
.pipe(gulp.dest(dest + '/svg'))
.pipe(plugins.notify({
message:
浏览 1提问于2016-08-04得票数 1
回答已采纳
我正在为我在d3.js datavizualisation中使用的数据的每个数据点绘制几个元素。这将根据数据创建一个简单的项列表。它的产出如下：
<div>
<p>[Title of datapoint 1]</p>
<svg>[SVG using datapoint 1]</svg>
</div>
<div>
<p>[Title of datapoint 2]</p>
<svg>[SVG using datapoint 2]</svg>
<
浏览 2提问于2020-01-18得票数 1
回答已采纳
我在SVG上使用imagemagick有一个奇怪的问题。
我想用下面的命令裁剪用Rapahel.js生成的svg和imagemagick：
convert -crop 100x100+200+150 63ce0a697bc5927d3541215c62b06cfb.svg winners/exhb2.svg
但
我失去了所有的颜色，我只是有一个黑人白色的形象
我的文件是145.6Kb，然后在转换了methode之后变成了583.8 My。
不使用路径，而是用圆圈生成图像(oO ?!)
奥比旺克诺比
有人明白为什么吗？
浏览 2提问于2013-09-23得票数 0
2回答
当我使用内联javascript代码时，一切都正常。一旦我尝试从我的script.js运行代码，它就不再工作了。
我已经在google中搜索了这个问题，结果总是有一些东西可以做DOM和onload之类的事情(对不起，我对html/css/js这件事并不熟悉)。但是，这并没有帮助，我已经在使用延迟，我尝试了onLoad。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdro
浏览 0提问于2019-11-02得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
