如何在通过svg.js绘制的svg圆上添加超赞的字体图标？
要在通过svg.js绘制的svg圆上添加超赞的字体图标，可以按照以下步骤进行操作：
- 首先，确保你已经引入了svg.js库，并创建了一个svg画布对象。可以使用如下代码创建一个svg画布：
var draw = SVG().addTo('body').size(300, 300);- 接下来，使用svg.js的circle()方法创建一个圆形，并设置其属性，如半径、位置等。例如，创建一个半径为50的圆形：
var circle = draw.circle(100).center(150, 150);- 然后，使用svg.js的text()方法创建一个文本对象，并设置其属性，如字体大小、位置等。例如，创建一个字体大小为24的文本对象：
var text = draw.text('').font({ size: 24 }).center(150, 150);在上述代码中，是一个字体图标的Unicode编码，可以根据需要替换成其他字体图标的编码。
- 接下来，使用svg.js的tspan()方法创建一个tspan对象，并设置其属性，如字体颜色、位置等。例如，创建一个红色的tspan对象：
var tspan = text.tspan().fill('red');- 然后，使用tspan对象的dx()和dy()方法设置其相对于文本对象的偏移量，以调整tspan对象的位置。例如，将tspan对象向右偏移10个单位：
tspan.dx(10);- 最后，使用tspan对象的text()方法设置其文本内容。例如，设置tspan对象的文本内容为"Super Icon"：
tspan.text('Super Icon');完成上述步骤后，你就成功在通过svg.js绘制的svg圆上添加了一个超赞的字体图标。你可以根据需要调整字体图标的样式和位置。
注意：上述代码中的draw、circle、text、tspan等变量名仅供参考，实际使用时请根据需要自行命名。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云对象存储（COS）。
腾讯云云服务器（CVM）产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我正在使用svg.js，现在我被困在一个场景中，我需要在SVG圈中添加一个很棒的字体图标。我可以通过vanilla js添加图标。但出于这个目的，我想特别使用svg.js。例如。我可以发现svg.js有text.plain() && text.text()方法，它几乎打印了我提供的Unicode (尽管这是预期的)。那么我应该如何在svg.js中创建图标呢？任何帮助我们都将不胜感激！实际上，我正在寻找以下代码片段的svg.js等效代码。 let text = document.createElementNS(SVGNamespace, 'text');
t
浏览 36提问于2020-11-20得票数 0
回答已采纳
1回答
例如，当我使用SVG.js绘制一个圆时，是否可以覆盖.circle()或.ellipse()函数，以便它像图像一样绘制一条半径线？
我想要像SVG.Ellipse = SVG.extend(SVG.Ellipse，{...})这样的东西
(假设项目中其他人编写的当前实现过于复杂和抽象，无法尝试扩展内容，因此我只想尝试覆盖它)。
浏览 0提问于2017-12-05得票数 0
我正在尝试使用带有typescript的Svgdotjs版本3.0.2，以便在屏幕上绘制一个简单的矩形，但是typescript定义文件缺少rect方法。 我尝试按照文档中的指导进行操作，但是无论我尝试什么，在类型文件中似乎都缺少一些方法。 /// <reference path="../../../node_modules/@svgdotjs/svg.js/svg.js.d.ts"/>
import * as svgjs from "@svgdotjs/svg.js"
var draw = svgjs.SVG('stock-locati
浏览 20提问于2019-04-15得票数 0
回答已采纳
1回答
拖动圆圈
、
我开始使用snap.svg，并陷入了一个可能很简单的问题。我画了一个圆，想让用户拖动它，当用户停止拖动时，我想知道圆的最终位置的警报。
我是这样开始的：
var s = Snap("#svg");
var d = s.circle(20,20,5);
然后，我创建了以下函数作为拖动事件处理程序；我只需要拖动结束事件，所以我将另外两个事件处理程序设为空：
var endFnc = function(e) {
alert("end: "+e.layerX+","+e.layerY);
}
var startFnc = null;
va
浏览 4提问于2013-12-27得票数 0
1回答
我正在使用和制作一个非常简单的设计工具，在这个工具中，用户可以使用线条、多边形、矩形和自由手绘来进行简单的设计。svg.draw.js是svg.js的扩展，它允许用鼠标绘制元素。
现在让我们看一个非常简单的例子。如果我们想使用svg.js创建任何形状(例如polyline)，我们只需这样做：
var draw = SVG('drawing').size(300, 300)
draw.polyline('0,0 100,50 50,100').fill('none').stroke({color:'blue'})
<scr
浏览 7提问于2017-07-27得票数 2
回答已采纳
2回答
用转角插件导入svg.js
、、、、
我很难导入svg.js和它的在一个角形5项目中使用类型记录。
在国家预防机制I安装后：
svg.js
在ticket.component.ts:导入Svg类型的svg.js中，这样我就可以绘制一个矩形，这段代码可以工作：
import * as Svg from 'svg.js'
...
export class TicketComponent implements OnInit {
ngOnInit() {
let draw = Svg('ticket-svg').size(1000, 500);
let rect =
浏览 0提问于2018-01-23得票数 5
回答已采纳
目前，我已经使用svg.js库实现了一个svg。圆圈"draw_face“被绘制在画布id上，它是一个SVG而不是div。通过调用.draggable()，可以将形状拖动到“画布”上的任何位置。不过，我也想把它拖到“保存”目录中，这样我就可以将该目录中的所有svg元素保存为.xml或.svg文件。通过添加ForeignObject，圆将位于div的顶部，但是div不会识别圆在div内。当我试图保存div中的结果时，当圆在它的顶部时，一个空白页面被保存。我怎样才能让div识别出里面有圆，这样我就可以保存文件了。
#canvas {
overflow
浏览 0提问于2018-04-06得票数 1
由于我的问题的主题没有在任何其他线程中得到详细的回答，在官方的Svg.js网站上也没有很好的答案，所以我在一个新的帖子中发布了这个问题的详细说明。
1.我的开发堆栈是：
a.)CRA (创建-反应-应用)-“反应-脚本”："3.1.2“
b.)打字本-“打字本”："3.6.3“
c.)SVG.js - "@svgdotjs/svg.js"："^3.0.13“
2.我想实现的目标：
我希望导入正确的SVG.js，以便在我的元素中使用id=“绘图”来绘制元素内部的svg形状。
3.我的问题是：
如果我以这种方式导入我的Svg.js库：
import * as
浏览 2提问于2019-10-03得票数 2
1回答
堆栈3字体超赞图标
、、、
我试图堆叠3个图标从字体令人敬畏，成为相邻的。参考见。我知道字体超赞有一个堆栈类，但似乎只有两个图标堆栈，并在彼此之上。此外，我希望个别的图标有一个背景在屏幕的区域，以便这些区域被剪裁和不重叠。我是应该创建一个新的svg并使用它，还是正在走值得付出的努力的css路线。谢谢
浏览 1提问于2015-11-10得票数 3
回答已采纳
3回答
我使用字体可怕的图标，并让他们切换一个点击(触摸)事件。我有这个HTML。
<i class="fa fa-circle-o hidden-md hidden-lg"></i>
并使用这个jquery来回执行。
$('body').on('click','.fa-check-circle-o, .fa-circle-o', function() {
$(this).toggleClass('fa-check-circle-o fa-circle-o');
});
从所执行的操作数量来
浏览 0提问于2014-02-19得票数 0
回答已采纳
我正在进行一个项目，在这个项目中，我必须在浏览器中动态创建设计资产。在过去的几个月里，我一直在使用画布来完成这个任务，但是现在有人问我是否可以直接从客户端创建基于向量的资产。
在研究了HTML5 SVG之后，我似乎能够做到这一点，在与raphael.js和svg.js玩了一圈之后，我决定我更喜欢svg.js。轻量级得多，而且< IE9支持对我来说不是问题。
我使用SVG的主要关注点是，我必须将文本呈现给我的svg，并在最终资产中使用基于文本向量的文本。不仅如此，我需要能够完美地测量文本的边界面积(到最近的像素)。在这方面，我看到两个问题：
仅仅使用标准的draw.text()调用来创
浏览 4提问于2013-08-26得票数 2
回答已采纳
3回答
我在运行svg.js的Laravel项目中使用了vue.js。
我就是这样使用svg.js的
步骤1:将svg.js作为插件安装在我的vue应用程序中。
import svgJs from "svg.js/dist/svg"
export default {
install(Vue) {
Vue.prototype.$svg = svgJs
}
}
步骤2:导入并使用插件。
import svgJs from "./plugins/vueSvgPlugin"
Vue.use(svgJs);
步骤3:然后我就可以这样做了。
co
浏览 0提问于2019-04-09得票数 2
回答已采纳
1回答
在Qt5 (我在Ubuntu16.04 amd64上使用5.8 )中，绘制SVG很容易。不过，我想使用SVG来表示图标，在这种情况下，如果我可以将它们画成剪影(有点像字体图标，比如字体很棒)，那将是非常有用的。
这可以不写太多的自定义代码吗？例如，使用QtCreator UI设计器可以轻松地完成吗？
浏览 3提问于2017-02-11得票数 0
1回答
我需要这个问题的解决方案，但它应该是可靠的字体-可怕的图标。
请帮帮我。当鼠标悬停在图标上时，可以轻松创建字体超赞的图标过渡效果
浏览 0提问于2015-12-06得票数 2
4回答
我用的是约曼发电机“角满堆栈”。使用一个新生成的“角满堆栈”脚手架，我执行一个bower install --save components-font-awesome，然后在main.html模板中添加一个字体超赞的图标，构建并将其推送到heroku，然后我看到一个灰色框，图标应该在那里。
但是，如果我在本地执行一个grunt serve，我可以看到我期望的图标。
我不知道这是一个约曼角满堆问题，咕噜问题，字体-可怕的问题或Heroku问题，所以我扔出去。也许有人能帮你把这个限制下来。
备注：我使用的是“组件-字体-令人敬畏”而不是“字体-可怕”，因为咕噜不会建立字体-可怕的正确，所以它建议使
浏览 5提问于2014-02-05得票数 3
回答已采纳
1回答
用SVG.js克隆一个SVG矩形
、、、、
你好，我正在尝试用svg.js库克隆这个SVG矩形。我试着这样做，但它似乎不起作用，或者我必须做一些其他的事情，以便它实际上出现/被绘制？ var rect = draw.rect(1650, 850).move(100, 20).attr ({
fill: 'white',
stroke: '#000',
'stroke-width': 5
})
var clone = rect.clone(rect); 期待您的回答！
浏览 27提问于2020-01-09得票数 1
1回答
几天前，我开始学习使用。
我可以使用svg.js版本2.7.1
SVG = require("svg.js") // 2.7.1
但是当我尝试使用3.0.12版本时，这是行不通的。
SVG = require("svg.js@3.0.12")
错误是
SVG = rt: unable to load package.json
当我尝试通过url加载时：
SVG = require("https://cdnjs.cloudflare.com/ajax/libs/svg.js/3.0.12/svg.js")
也有一个错误。
SVG = rt: inv
浏览 0提问于2019-05-03得票数 3
回答已采纳
我正在使用illustrator创建一个SVG文件，该文件将使用图标转换为字体图标。但我对最终结果有问题。我的图标本质上是一组同心圆，在illustrator中保存为SVG。SVG被转换成图标使用的图标，我看到图标被转换成多个路径，而不是单个对象。
<span class="icon-4">
<span class="path1"></span>
<span class="path2"></span>
<span class="path3"></
浏览 0提问于2015-06-09得票数 8
1回答
我正在和ember一起工作，我看到了这样的组件：
App.ExampleComponent = Ember.Component.extend({
render: function (buffer) {
//Push strings to the buffer
}
});
然而，我希望创建一个ember组件，它使用绘制画布，它只能使用DOM。所以，我想做的是
App.ExampleComponent = Ember.Component.extend({
render: function (element) {
var canvas = SV
浏览 4提问于2014-01-15得票数 1
回答已采纳
我目前正在做一个项目。在这个自定义组件中，我想使用。但是由于我需要在我的组件中使用ViewEncapsulation.ShadowDom，所以我在初始化SVG.js时遇到了一些问题。
创建SVG和绘制rect的标准过程如下所示：
this.draw = SVG().addTo("#SVGContainer").viewbox(0, 0, 300, 140);
this.draw.rect(100, 100).move(100, 50).fill('#f06')
这里的问题是.addTo("#SVGContainer")只能找到不在阴影根中的元素。
浏览 2提问于2020-12-22得票数 0
1回答
我试图使用字体可怕的许多方面的web项目，所以有一个问题，如何添加新的SVG图标到字体可怕的css文件。我的开发环境是带有Visual 2012的ASP，操作系统是windows 10。是否有任何清晰的说明或手册来添加SVG图标，自己绘制的字体很棒？非常感谢。
浏览 1提问于2018-04-13得票数 1
回答已采纳
2回答
最近，我决定从字体图标切换到SVG图标。我使用Illustrator绘制我的SVG，并用以下设置导出了带有单个图标的美术板：
造型:内嵌风格
字体: SVG
图像:嵌入
对象ID:层名
小数:2
我使用生成SVG图标。但问题是，所有SVG都有一个填充、笔划或样式属性，在任何地方都是内联的。当这些样式在SVG中时，我不能用CSS更新图标颜色。
我是不是遗漏了什么？在Illustrator中是否有一个选项可以保存SVG而没有填充/笔画/样式属性？还是我必须使用类似于的东西来删除这些属性？
如果是要走的路，有人能告诉我如何在我的角度CLI项目中使用它吗？我对这件事很陌生。
浏览 2提问于2017-09-22得票数 1
我正在尝试使用Javascript创建三个SVG圆，所有圆的中心点都放置在浏览器的中心。我可以使用Javascript中的window.innerWidth属性计算任何浏览器的中心点，但问题是圆的中心不与浏览器的中心相交。计算浏览器大小的主要目的是使用
function draw_circle() {
var demo = SVG('circle_1');
var w = window.innerWidth;
var h = window.innerHeight;
var x1 = w/3.2;
var y1 = h/6.2;
var x
浏览 3提问于2016-12-10得票数 0
由于SAPUI5 5/OpenUI5 5中的图标集合非常有限，我想在sap.ui.core.Icon中显示图标和/或字体超赞的图标。
如何才能做到这一点？
浏览 2提问于2017-03-28得票数 4
回答已采纳
可能重复：
我有Rails应用程序，在这个应用程序中，我使用了许多twitter引导图标。
为此，我将"boostrap.css.erb“直接放入/assets/样式表/文件夹中。
也可以直接在/assets/图像/文件夹中“字形符号-halflings-white.png e.png”和“字形图标-halflings.png”。
现在我刚刚下载了字体超赞和提取。
我猜我得对这些文件做点什么。有人能告诉我怎么安排吗？
/css/文件夹
font-awesome-ie7.min.css
font-awesome.css
font-awesome.min.css
浏览 2提问于2013-01-23得票数 1
我正在尝试创建一个功能模块，它将处理我的“字体超赞”图标导入并导入到应用程序模块，但是当我试图添加一个图标时，它给了我这个错误
Uncaught Error: Template parse errors:
Can't bind to 'icon' since it isn't a known property of 'fa-icon'.
App模块
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@an
浏览 0提问于2018-11-13得票数 0
回答已采纳
7回答
我需要字体-超赞有旋转图标。
我可以包括整个字体超赞的图书馆。但对于一个图标来说，这难道不是一种过分的杀戮吗？是否有方法只包含一个图标或组件？问题似乎是，库没有被模块化为不同的文件。例如，如果使用scss，所有图标都在_icons.scss文件中，而不是它们自己的文件中的每个图标。如果您使用的是纯css，那么所有内容都在一个文件中。
浏览 20提问于2016-06-11得票数 17
回答已采纳
我使用的是Keith Wood的svg jquery插件，而不是HTML5画布。
我这样定义我的svg图像来缩放我的svg三角形图像以适应它的div容器：
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" viewBox="0 0 299 215" >
<g>
<polygon points="1,1 299,1 149,210" fill="blue" stro
浏览 0提问于2014-03-05得票数 12
回答已采纳
1回答
对于一个web项目，我使用SVG和svg.js库来使我的生活更轻松。svg.js库可以完美地工作并生成正确的SVG，所以我非常确定在这方面一切都很正常。
对于这个项目，我可以在我的CSS文件中引用这样的字体：
@font-face {
font-family: 'FreeUniversal';
src: url('../fonts/freeuniversal-regular.ttf');
font-weight: normal;
font-style: normal;
}
然后，在我的HTML代码中，该字体被正确地提取并显示为各种
浏览 2提问于2016-02-28得票数 4
我使用angular-cli创建了一个Angular 6项目。我也安装了svg.js和svg.drggable.js。此外，我还创建了一个名为"draw“的新组件。
我想用svg.js做一个简单的矩形。为了在Javascript中做到这一点，HTML文件需要一个带有属性的div-element，例如"drawing“。但是，当我将div-element放入组件html-file中时，并没有创建矩形。在app-component中添加div-element可以解决这个问题。
我不确定它是否与dom-element的层次结构有关。但是，如果是这样的话，甚至可以将svg.js与新组件
浏览 9提问于2018-07-13得票数 3
1回答
我想用SVG.JS绘制文本并保留空白
var draw = SVG('drawing')
var text = draw.text("040: .P .E .L 01 ")
只是指纹：
040: .P .E .L 01
有人建议我
this.el.lines.each(function() {
this.exportAttr({
'xml:space': 'preserve'
})
})
但这似乎不起作用，因为不包含expo
浏览 0提问于2014-03-11得票数 0
回答已采纳
我只导入了10个非常棒的字体图标，比如 import FaClipboardList from 'react-icons/fa 但是，webpack正在下载所有字体超赞的图标。可以只下载我需要的内容吗？
浏览 17提问于2019-06-27得票数 1
回答已采纳
4回答
我使用以下链接代码将所有字体超赞的css导入到我的网站：
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link href="content/css/font-awesome/css/font-awesome.css" rel="stylesheet" /&
浏览 8提问于2015-03-29得票数 2
回答已采纳
2回答
响应地调整SVG图标和文本的大小
、、、、
我有一个SVG图标，里面有文字。我把这两张照片放在页面中间的4张照片上，问题是图标不会随着页面大小的变化而改变，而文字就会从里面出来。使用对移动、平板和桌面大小的媒体查询，它会正确显示，但在这3的大小之间，它不能很好地工作，因为transform命令是不统一的，并且不通过更改屏幕大小来优化更改大小。背景中的照片也是网格类型的。你有什么建议来改变正确的尺寸？
我在GitHub 上的项目
.grid {
显示:栅格；
位置:相对；
}
.图标--艺术{
宽度:200；
}
.图标--波浪边-圆{
滤镜:投影(0 0 0#f3 ede9)；
不透明度: 0.95；
位置:绝对；
左: 50%；
浏览 9提问于2022-04-13得票数 2
我有一个代码，它只在从服务器获取某些数据并设置变量之后才呈现。当使用svg.js时，它使用SVG.AddTo("#someID")，但是由于有条件的呈现，包含ID的div尚未呈现。如何将SVG.AddTo延迟到呈现了div并且id存在之后？下面是代码(一些内容已被删除，例如服务器获取)：
import React, { useEffect, useState, useRef } from "react";
import {
CCol,
CRow,
} from "@coreui/react";
import * as SVG
浏览 9提问于2022-11-18得票数 0
我是一个初学者全栈web开发人员。 我使用MEAN堆栈、SVG.js和套接字帮助构建了一个乒乓球游戏转播应用程序。GitHub链接：https://github.com/ChristopherRoySchneider/pingpong 在该应用程序中，“游戏播送者”负责通过插座发送“游戏事件”，其他网站用户可以看到实况。这些游戏事件可以包括在SVG矩形元素(表示乒乓球表)上绘制的SVG circle元素以及其他数据，该元素显示乒乓球最后落在比分上的位置。 观看比赛的用户可以通过下拉菜单选择他或她想要观看该特定比赛的哪一场比赛。然后，该应用程序会在桌上为所选的游戏绘制所有先前的球。 当用户更改
浏览 38提问于2019-03-09得票数 0
2回答
我想添加一个特定的图标字体到我的项目Ionic 2。我只是有一个文件夹与我的字体，但我不知道如何将它集成到项目。
我尝试添加try字体医学图标：
我试着把它添加到我的www/assets/fonts文件夹中，但是我不知道我必须更新的巫婆文件才能使用这个字体？
更新
我的项目已经有了很棒的字体。我试着遵循同样的过程：
我通过了我的www/assets/fonts文件夹中的4个字体文件。
我在我的www/assets/cass文件夹中经过了一个文件"wfmi-style.min.css“。
最后，我把它写在src/index.html文件中：
<link href="asse
浏览 2提问于2017-08-29得票数 1
回答已采纳
我正在尝试显示一个表单，它使用字体很棒的图标。我有一个字段emotion，其中包含EMOTIONS作为选择，我想显示与每个选项相关的字体超赞图标。我只是尝试添加标记(请参阅EMOTIONS的最后一个选项)。然而，这是完全呈现纯文本，而不是图标。
是否有可能以我正在尝试的方式显示字体的图标？这是我的表格：
class PreferencesForm(forms.Form):
EMOTIONS = [
('', 'Joy'),
('', 'Sad'),
('&#
浏览 0提问于2018-09-21得票数 2
回答已采纳
1回答
我有这样的代码，我可以在输入字段中添加一个图像(它工作得很好)。不过，我想用字体代替图标。谁能给我指明正确的方向？到目前为止，我的代码如下所示：
input.valid {
border-color: #28a745;
padding-right: 30px;
background-image: url('http://iconsetc.com/icons-watermarks/simple-black/bfa/bfa_exclamation/bfa_exclamation_simple-black_512x512.png');
background
浏览 3提问于2018-11-27得票数 1
回答已采纳
我使用的polyline数组方法，通过在页面上存储光标的x，y坐标，从记录的值中绘制线条。
其想法是首先让用户浏览页面并移动光标，然后将值输入数组，然后单击按钮svg.js将根据光标的移动绘制线条。
作为，语法如下：
var polyline = draw.polyline([[0,0], [100,50], [50,100]]).fill('none').stroke({ width: 1 })
如果我手动复制-粘贴数组中的值，如下所示：
var polyline = draw.polyline([[475,76], [475,76], [489,75], (...)]]).
浏览 2提问于2016-04-23得票数 0
回答已采纳
我想在TinyMCE 6中使用字体Awese6Pro图标，但我面临以下问题：
如果我尝试使用免费版本的图标集，它适用于以下代码：
options = {
content_css: [
'https://use.fontawesome.com/releases/v6.2.0/css/all.css'
]
}
...but我没有专业版的CDN链接。
我用Webpack包东西，所以我试图创建一个fontawesome-pro.css文件，但我没有找到任何重要的SCSS文件字体Awese6Pro软件包。
我在项目中使用这些包(如果需要的话，我可以添加更多的包)：
浏览 13提问于2022-10-14得票数 0
回答已采纳
我一直想知道在Angular2中使用SVG图标的最佳实践是什么。我看到目前主要有两种方法:1.将SVG转换为字体。2.在组件中内联SVG XML。
我们开始使用ICOMOON的字体方法，但我们的问题是我们有多色图标，然后我们应该只为这些图标创建组件(对于其他图标，我们在SPAN/DIV上使用CSS属性)
内联SVG方法的问题是代码有点乱(我的模板中有XML属性)
我们还有其他方法可以使用吗？
浏览 0提问于2017-02-08得票数 4
3回答
我正在尝试使用svg在计算线上设置一个圆。
下面是我的例子：
html：
<svg width="300" height="500">
<g id="g-1"></g>
</svg>
javascript：
var line = d3.svg.line()
.x(function(d) { return d.x; })
.y(function(d) { return d.y; })
.interpolate("cardinal")
.tension(0);
v
浏览 2提问于2013-03-03得票数 3
回答已采纳
我使用fortawesome字体-太棒了，以便只加载使用过的图标。
所有使用的图标都在app.module.ts中声明。
import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
import {
faSignOutAlt, faUser, faCog, faAlignLeft,
faWarehouse, faVectorSquare, faTh, faArrowAltCircleDown,
faArrowAltCircleLeft,faArr
浏览 4提问于2020-10-09得票数 1
我正在尝试使用JavaScript和svg.js库来绘制图像。图像始终以距浏览器窗口顶部约8像素和距左边缘约8像素的偏移量显示。我希望图像从浏览器窗口的点(0,0)开始。换句话说，它应该在浏览器窗口的最左上角对齐，而不是在某个偏移量上。我尝试了许多不同的设置，但我所做的似乎都不能帮助消除这种偏移。我在下面列出了我使用的代码的最新版本。有人能帮帮忙吗？另外，有没有可能在不使用css的情况下实现这种效果？ <!DOCTYPE html>
<head>
<meta charset=utf-8>
<script src="https://cdnjs.
浏览 14提问于2019-01-29得票数 0
回答已采纳
我已经完成了一个Raphael.js图像，它由一组圆圈组成，如下所示
var paper = Raphael(0,0,100,100);
var circle1 = paper.circ(20,20,10);
var circle2 = paper.circ(40,40,10);
我还有一个拉斐尔格式的svg图标(感谢可爱的网站)，我想把它放在每个圆圈里。问题是。转换后的svg图标中的所有路径现在都是相对于点(0,0)！也就是说，所有的字符串都是这样写的
paper.path('M 1 1 L 2 0 L 0,2 z')
所以我的问题是。有没有什么聪明的方法来“相对”这条路径，
浏览 3提问于2012-10-15得票数 1
回答已采纳
我正在使用SVG.js来绘制形状。其中一个形状需要是一个带有半径线的圆，所以得到这个行为，我在一个"g“元素中使用了一个椭圆和一条线。
问题是，每当我引用g元素并尝试获取bbox时，我总是得到这样的值：
{
x: 0,
y: 0,
width: widthOfBox,
height: heightOfBox,
cx: widthOfBox/2,
cy: heightOfBox/2
}
X和y不应为0。
下面是有问题的元素，它显然不在(0,0)，但似乎报告它是。
<g id="MLG1008" stroke="#000000"
浏览 0提问于2017-12-08得票数 1
4回答
字体图标与png图标
、、、、
我对标签使用图标，但我看到了这个网站：www.fontello.com，在那里你可以用图标创建字体。
但是当我创建带有图标的字体时，它比我所有的图标都要大，因为有svg，ttf，woff和eot，这4种字体都比所有的png图标都大。
@font-face {
font-family: 'fonticons';
src: url("../font/fonticons.eot");
src: url("../font/fonticons.eot?#iefix") format('embedded-opentype'), u
浏览 1提问于2012-09-20得票数 13
回答已采纳
1回答
我现在正在使用Javascript、Jquery、SVG和SVG.js。我想旋转一个圆关于它的起源，而它是动画。动画也在做同样的事情，所以我可以使用某种step函数，但是我什么也找不到。问题是，用我目前的解决方案，动画是简陋的，它必须停止动画，旋转圆，然后再启动它。这样就有了太多的延迟，并导致了摇摆运动。以下是设置代码：
var draw = SVG('svg');
var innerCircle = draw.group().addClass("atom0g0").move(100,100);
innerCircle.circle(100).addClass(
浏览 1提问于2017-11-19得票数 5
回答已采纳
2回答
设置
SVG与Icon字体的主题在网络中得到了很好的覆盖。但即使经过长时间的搜索，我也没有找到关于我的特殊情况的建议。
我有一个网站服务的CMS。在一个页面上，我有包含几个图标的元素。这些元素在页面上重复。所以每个图标在页面上都会出现很多次。现在，我很难弄清楚如何最好地实现这些图标。
内插SVG
总的来说，我完全看到了使用内联SVG的好处。这是最简单和最直接的，你可以用它做得最多。在我的网站上，我已经使用过它，而且我喜欢它。
但是：一次又一次地重复完全相同的svg标记似乎不必要地破坏了文档。
参考SVG
我可以通过<img>、<object>或<embed>
浏览 7提问于2014-05-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
