腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
如何强制Webview仅使用TrueType字体而不使用SVG
、
、
、
、
我们正在使用自定义阿拉伯字体在我们的Android应用程序。我们已经使用@ font -face通过SVG和TrueType字体文件指定字体。默认情况下,WebView加载SVG字体,我们注意到SVG版本的字体缺少一些字符。有没有办法强制Webview只使用TrueType字体而不是SVG。
浏览 0
提问于2014-03-02
得票数 0
1
回答
SVG中的文本在Chrome中绘制到img元素时没有使用适当的字体
、
、
、
当使用字体系列在SVG中呈现文本时,Chrome 32.0.1700.107将选择合适的字体。但是,如果我使用相同的SVG作为img元素的输入,则会使用不正确的字体。如果我指定了我所知道的系统上的特定字体,那么该字体将在svg和img元素中正确地呈现。一个简单的例子: <svg id="scalingSvg" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100"> <rect width="
浏览 4
提问于2014-02-21
得票数 4
1
回答
导入的字体不工作
、
、
我已经尝试了几个小时使用Titillium自定义字体,但没有成功。以下是我尝试过的: 在整个模板的head部分中添加以下行 <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,400i,600,600i,700" rel="stylesheet"> 在CSS中添加以下内容 @字体-face{字体-家族:'Titillium‘;src: url('data/fonts/TWeb/titilliumweb-bold-webfont.wo
浏览 1
提问于2017-09-13
得票数 1
回答已采纳
1
回答
如何在SVG字体的URL中定义字体家族名称?
、
、
包含webfonts的建议代码似乎是: @font-face { font-family: 'my_font'; src: url('my-font.eot'); src: url('my-font.eot?#iefix') format('embedded-opentype'), url('my-font.woff2') format('woff2'), url('my-font.woff') format('wo
浏览 2
提问于2016-04-13
得票数 1
回答已采纳
3
回答
在或Corel绘图中呈现SVG字体
、
、
、
我正在开发一个带有自定义嵌入字体的SVG文件的项目。SVG字体定义,我用或Batik组成SVG字体标签。我尝试在以下应用程序中打开的SVG文件: systemCorelDRAW Adobe CS4 --文本具有默认字体并注意到在X5中找不到字体--文本具有默认字体,任何消息都没有注意到Batik SVG浏览器(Squiggle)正确地呈现文本 问题是所有现代排版都使用CorelDRAW和Abode作为打印矢量图形,而且它们渲染的SVG不正确。 溶液 至于我,我看到以下解决办法: 将带有自定义字体的文本保存为SVG路径。这是可行的,但我找不到任何解决方案,可以将文本+ TTF转换为SVG路径数据
浏览 3
提问于2010-06-13
得票数 4
4
回答
如何保护网页字体?
、
、
、
、
我的客户买了一种字体,我想在他的网站上使用,但是制作字体(Adobe)的公司告诉我,目前的字体没有网络字体服务,我只能在网站上使用它,除非我把它光栅化,或者不可能以任何其他方式下载/窃取字体。 因此,问题是: 有什么可靠的方法来保护网页字体吗? (第二部分,任择部分) 是否有任何方法被普遍认为是足够的,所以在法律上使用字体是安全的? 到目前为止我学到的是: 1)我听说了Cufon,它使用SVG文件,这些文件(根据w3.org)是用于此目的的: SVG字体的目的是允许在只显示的环境中传递字形轮廓。只能在浏览和查看情况下支持伴随网页的SVG字体。图形编辑应用程序或文件翻译工具不得试图将SVG字体
浏览 5
提问于2014-01-30
得票数 3
回答已采纳
1
回答
使用Inkscape将带有自定义字体的SVG转换为PNG
、
、
、
、
当我试图将SVG转换为PNG使用Inkscape时,我遇到了问题,SVG文件包含了我的机器(Linux)中无法使用的自定义字体。 SVG文件: 在这里,要转换为PNG的命令: sudo inkscape -z -e result.png -w 3750 -h 7350 -d 3028 source_file.svg 这里的结果是当使用inkscape时: 这是在浏览器中打开的结果:
浏览 2
提问于2016-06-11
得票数 1
1
回答
字体图标不能在blob图像中工作
、
、
这与使用画布和Blob创建图像有关。 我包括字体图标在其中,如下图所示。输出显示为正方形,而不是图标。 var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var data = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' + '<text x="0
浏览 1
提问于2016-08-05
得票数 1
回答已采纳
1
回答
SVG文本元素长度计算的差异
、
、
我正在使用svg机箱创建一个SVG。为了正确地在<text>元素周围放置边框,我使用rusttype机箱预先计算文本的长度。 但是,我的浏览器(Safari)似乎呈现不同长度的文本。 我的SVG的简化版本在这里: <svg viewBox="0 0 210 297" xmlns="http://www.w3.org/2000/svg"> <g> <path d="M105,20 L304,20 L304,77 L105,77 z" fill="none" stroke="black
浏览 3
提问于2022-02-27
得票数 0
回答已采纳
2
回答
如何在Firefox中为svg的文本元素导入自定义字体?
、
、
、
、
我在使用NextJs、codesandbox.io和stackblitz.com的and服务器上,阻止我在他们的云接口AFAIK上下载字体。我创建了一个Github回购程序,这样您就可以自己在本地测试代码了。在这里,链接: 我会为SVG的文本元素导入一个定制字体,在Firefox中使用该字体作为动画面板的剪辑路径,以获得发现文本效果。为了简单起见,我在我的示例中只集成了一个面板,在实际示例中有五个面板。当前呈现无法在我的页面中实现自定义字体。要导入我的customFont,我尝试: 使用嵌套在SVG元素中的样式块, 在文本和文本跨度中使用字体-家族属性, 使用内联风格, 使用C
浏览 0
提问于2019-12-08
得票数 1
回答已采纳
1
回答
容器溢出字体可以用css来调整吗?
、
、
、
、
我呈现一个文本svg使用手写风格谷歌字体。假设我必须使用这些字体。 对于本例,让我们使用 设置 在python中通过cairo svg将文本svg呈现为png 文本svg正在浏览器中准备。 问题是: 当用这种字体从文本svg中创建一个PNG时,它的某些部分被切断了。截图部分与下面的截图中未显示的区域相匹配: A的渲染结果(截取在屏幕截图中): P的呈现结果(在屏幕截图中未被切断): 问题 是否有一种使用CSS或JS解决此问题的方法? 什么不起作用 开罗SVG不支持“角化、拉伸、字体变体、单词和字母间距选项、字形方向、基线移位和许多其他属性”。
浏览 3
提问于2020-11-17
得票数 2
1
回答
为什么我的SVG文件不使用我的字体文件?
、
、
、
我将这个SVG文件与 TTF文件放在同一个目录中。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.or
浏览 11
提问于2022-02-10
得票数 1
1
回答
为什么不正确地呈现TrueType字体?
、
、
、
我使用 (Ubuntu上的Java 7)将SVG转换为PDF。SVG包含文本和引用ttf字体,这些字体工作得很好,但是字体不像预期的那样呈现: 预期: 不正确: 如您所见,"R“流到"A”中,因此,由于字体本身包含此信息(@Jongware中的注释):R A -> -660,T E -> -61,所以不能正确地解释角化。 可能的解决办法: 1)我认为,如果我们能够将batik的字体呈现引擎交换为使用freetype,它就可以正常工作,因为它在我的Libre Office Writer中正确呈现,后者使用了freetype。 2)我可以将ttf字体
浏览 5
提问于2015-08-28
得票数 2
回答已采纳
1
回答
如何将ttf字体转换为svg字体,它适用于batik光栅化器(svg->pdf)?
、
、
我用将ttf字体转换为svg字体。然后在svg中使用svg字体,我想将其转换为pdf。这是通过完成的。 因为让它工作有点棘手,所以我在这里分享我的解决方案。
浏览 0
提问于2015-09-02
得票数 0
2
回答
SVG文本,tspan字体大小和居中
、
、
我在SVG上有一个字体大小的问题,我们在svg中可以看到字体大小:16 on与段落字体大小不同,但是它们的值16px相同。我希望在svg这样的段落中有字体大小。 第二个问题是,当我删除<tspan text-anchor="middle" class="tc-label-value">85</tspan>时,如何将<tspan class="label-text" text-anchor="middle" x="0" y="50" dy="15">
浏览 2
提问于2019-10-15
得票数 0
回答已采纳
1
回答
使SVG文件具有可查看的自定义字体,供未安装字体的用户查看
、
、
、
我已经实现了一个自定义版本的,并在此基础上添加了。当用户编辑SVG文件时,由于SVG字体加载器(我只是在加载SVG字符串之前在编辑器上预加载必要的自定义字体),自定义字体工作得很好。 用户完成编辑后,我将新的SVG字符串保存到文件系统(使用XDocument's Parse()和Save() )。 然后,我需要在<img>标记中向用户显示这个SVG文件,但是除非用户将它们安装在机器上,否则字体无法工作。 如何编码SVG字符串(Base64或?)保存到文件系统前,这样它才能正确显示?我是否需要解析SVG字符串并只对某些部分进行编码?有我能用的工具吗? 编辑:,如果我在服务器上
浏览 7
提问于2012-10-10
得票数 1
回答已采纳
1
回答
创建我自己的图标字体.ttf .eot .woff和svg文件
、
、
、
、
我已经在AI中创建了一些图标,所以现在我正在研究如何在不使用第三方应用程序的情况下将它们转换成图标字体(比如字体.) 因此,我需要创建自己的.ttf、.eot、.woff和.svg文件,以便以这种方式插入它们: @font-face { font-family: "MYFONT"; src:url("fonts/MYFONT.eot"); src:url("fonts/MYFONT.eot?#iefix") format("embedded-opentype"), url("fonts/MYFONT.w
浏览 1
提问于2016-03-11
得票数 0
1
回答
使用Google Web字体设置SVG字体的优先级
、
、
、
除非你使用SVG字体,否则在windows上的Google Chrome中的字体-面部渲染是很糟糕的。然而,google web字体优先考虑WOFF文件。 有没有办法强制它提供SVG字体,或者我必须自己手动托管字体?
浏览 4
提问于2013-01-21
得票数 26
回答已采纳
2
回答
HTML使用包含自定义字体的SVG图像
、
、
、
我有一个SVG映像(用InkScape创建),它有一个Ubuntu字体的文本。我正在使用,但是没有安装字体的计算机正在用其他字体显示文本。如何上传SVG文件中的字体?
浏览 1
提问于2016-05-07
得票数 1
回答已采纳
1
回答
如何覆盖Firefox中影响svg文本的“最小字体大小”?
、
、
、
当火狐的“最小字体大小”设置为15时,svg中的文本会变得非常大。 没有发现任何与我的问题类似的问题。感谢大家对这个问题的见解! 注意:它是一个img,其中的src是一个.svg文件。 预期:svg中的文本显示为正常。 实际结果:svg中的文本被放大。 如何设置最小字体大小: Firefox >首选项>语言和外观>字体和颜色>高级>设置最小字体大小为15
浏览 2
提问于2019-05-01
得票数 4
1
回答
在iframe中不加载自定义字体
、
、
我有一个iframe,而且我通过样式表应用的自定义字体都没有加载(字体在样式表中被正确应用,它只是不起作用)。 我试图在实际的iframe中添加样式,而不是从父页面中添加 字体正在样式表中正确定义(我正在应用各种不同的字体类型,如.eot、.otf、.woff和.svg)。 我还正确地为我的web.config中的字体配置了mime类型,并且字体位于服务器上的正确位置(我正在托管实际的字体)。 浏览器的“控制台”中没有错误 在Firefox的“net”选项卡中,没有任何文件的加载失败 字体不会在任何浏览器上加载 你知道怎么回事吗?还有什么我该查的吗? 下面是
浏览 3
提问于2013-10-17
得票数 2
1
回答
SVG +嵌入式字体:如何以斜体显示文本?
、
、
、
我的目的是在SVG中创建一个自包含的矢量徽标,我想集成这个SVG文件中的所有字体字形。 对于我的文本的一部分,我需要一个特殊的斜体字体。我想要的字体(Desyrel)只存在于单个.ttf文件中。然后,我将该字体转换为SVG (尝试了不同的在线工具和FontForge)。 然后,我创建了一个SVG文件,其中包含要显示的文本和嵌入的svg字体定义(仅限选定的字形)。这看起来像是: <?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="300px
浏览 5
提问于2011-05-14
得票数 1
回答已采纳
0
回答
在Ubuntu上使用cairosvg使用Python将带有自定义字体的SVG转换为PNG
、
、
、
我需要将带有自定义字体的SVG转换为PNG,为此我使用了以下Python代码。 import cairosvg png = cairosvg.svg2png(bytestring=svg_data) 代码在我安装了字体的本地机器(在Mac下运行)上运行得很好。然而,当我尝试将其部署到远程Ubuntu实例时,字体不知何故无法加载,最终导致PNG中包含一些默认字体。字体已安装在系统中(我已经尝试过不同的字体文件夹,fontconfig中也有可用字体列表中的字体),而且访问权限似乎是按顺序的。任何可能出错的提示都将是有用的!
浏览 4
提问于2016-12-28
得票数 2
6
回答
在iPad/iPhone上使用CSS @font-face
、
、
、
、
我尝试将CSS的font-face属性与自定义字体一起使用: @font-face { font-family: "Handvetica"; src: url("Handvetica.eot"); src: url("Handvetica.ttf") format("truetype"), url("Handvetica.otf") format("opentype"), url("Handvetica.woff") format("
浏览 1
提问于2010-10-30
得票数 16
2
回答
图标字体与SVG缓存和网络关注
、
、
设置 SVG与Icon字体的主题在网络中得到了很好的覆盖。但即使经过长时间的搜索,我也没有找到关于我的特殊情况的建议。 我有一个网站服务的CMS。在一个页面上,我有包含几个图标的元素。这些元素在页面上重复。所以每个图标在页面上都会出现很多次。现在,我很难弄清楚如何最好地实现这些图标。 内插SVG 总的来说,我完全看到了使用内联SVG的好处。这是最简单和最直接的,你可以用它做得最多。在我的网站上,我已经使用过它,而且我喜欢它。 但是:一次又一次地重复完全相同的svg标记似乎不必要地破坏了文档。 参考SVG 我可以通过<img>、<object>或<embed>
浏览 7
提问于2014-05-30
得票数 2
回答已采纳
1
回答
Angular2 Svg文本属性绑定
、
、
我想在角度2中动态地创建一个svg。 我有几个属性要添加,如x,y,文本锚点,字体大小,字体系列和填充,但只有字体大小适合我。填充不想在周围工作。 <svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"> <svg:text [attr.x]="0" [attr.y]="100" [attr.text-anchor]="start&
浏览 4
提问于2016-04-24
得票数 3
回答已采纳
1
回答
CSS自定义字体呈现ios上的缺陷
、
、
我制作了一个带有箭头"A“的自定义字体,并将其导出为.eot .svg和.ttf字体格式,并使用以下css将其放在我的网站上: @font-face{ font-family: 'Nautix-Light'; src: url('Nautix-Light.eot'); src: url('Nautix-Light.eot?iefix') format('eot'), url('Nautix-Light.ttf') format('truetype'),
浏览 2
提问于2016-02-09
得票数 0
回答已采纳
2
回答
使用@字体和当前HTML页面中嵌入的SVG字体
、
、
、
我有一个独立的HTML文档,我想要分发,没有任何外部依赖。我在这个文档中使用的是一种非标准字体,只有我的一些用户会安装它。 对于那些没有安装字体的用户,我在<body>顶部的嵌入式SVG文档中包含了字体的副本。(在这个例子中,我使用的是一个字形字体,真正的文档使用的是一个完整的字体。) <svg style="display: none;"><defs> <font id="MyFontElement"> <font-face font-family="MyFont" />
浏览 0
提问于2012-07-11
得票数 7
1
回答
ios safari不会显示svg文件中的字面嵌入字体。有什么好办法吗?
、
、
、
、
所以我有一个包含文本元素的SVG文件。示例: <text transform="matrix(1 0 0 1 195.248 207.165)" fill="#999999" font-family="'LeagueGothic'" font-size="24">Europe</text> 当我指定iOS中包含的字体系列(比如Helvetica或Futura)时,一切都很正常。然而,一旦我通过@ font -face指定了一个字体,它就不能在iOS上工作了,而它在桌面Safari,Chrom
浏览 2
提问于2011-03-06
得票数 5
回答已采纳
1
回答
为什么一个SVG文本元素有四个不同的字体大小值?
、
、
我使用InkScape 1.0.1创建了一个SVG文件。我的SVG包含一个文本元素。在InkScape中,我打开了“文本和字体”对话。 我选择我的文本元素,文本和字体对话,然后显示字体大小为38.1。我双击文本(就像要编辑文本一样),文本和字体对话框现在显示字体大小为36,这是我创建文本元素时所选择的值。 当我在记事本中打开SVG文件时,它包含以下内容: ... <text xml:space="preserve" style="font-size:50.8px; ... <tspan style="font-size:48px; ... </
浏览 5
提问于2021-02-12
得票数 1
2
回答
为什么Coldfusion/Batik不渲染我的自定义字体?
、
、
在CF9下,我使用Batik (1.7)代码转换器将SVG转换为PNG。SVG包含使用非标准字体的文本,我已经在服务器上的Windows下安装了这些字体,但在Batik转换过程中,这些字体将被替换为备用系统字体。我已经尝试了TTF和OTF字体以及这里的建议:。将字体嵌入到SVG中并不是一个可行的选择,因为在应用程序的另一个区域中存在解析性能问题。
浏览 2
提问于2011-10-22
得票数 1
回答已采纳
1
回答
在网站中使用哪一种文件?
、
、
、
、
伙计们,我正在做一个定制的项目,我需要一个字体很棒的字体,但是当我检查字体文件时,我可以看到它们提供了很多选项。 JS 带有JS的SVG WebFonts 至于我所知道的,我应该使用WebFonts,但在这方面我可以看到有很多字体文件。 埃奥特 svg ttf 沃夫 woff2 是否需要所有字体格式?我们只能使用SVG吗? 实际上,如果我将所有字体文件都添加到2MB中,就需要我的项目,它占用了太多的空间。
浏览 0
提问于2018-07-18
得票数 3
回答已采纳
1
回答
@具有嵌入式字体的字体不起作用
、
、
我有一个网站:,在那里我尝试使用字体"Century Gothic"。 这种字体不存在于我的计算机上的"Installed fonts"中,我想通过@font-face将这个字体嵌入到css中。 我已经在生成了一些字体文件和css,但是我仍然有问题。我看不到"Century Gothic"字体在IE9,FF4浏览器中。 CSS: @font-face { font-family: 'CenturyGothicRegular'; src: url('gothic-webfont.eot');
浏览 1
提问于2011-06-04
得票数 5
1
回答
共享和缓存作为对象插入的SVG映像的公共资源
、
、
、
、
<object>标记在中插入了几个SVG图像。 选择此标记的主要原因是: 将图像资源保存在单独的文件中 以确保正确解析所有字体 默认情况下,字体不会从主网页继承到链接的SVG图像,但是,当带有字体定义的样式引用<?xml-stylesheet href="main.css" type="text/css"?>插入到该SVG图像时,将在<object>标记的情况下正确解析。 但是,当多个图像共享同一个css文件,指向相同的woff字体资源时,浏览器会一次又一次地加载该文件。即使是插入为object的相同SVG映像
浏览 3
提问于2017-11-23
得票数 0
1
回答
无法在SVG文件上使用@字体
、
、
、
、
我试图在SVG文件上使用自定义字体,但失败了。我在普通的HTML/CSS网页上尝试了这一点,它运行得很好。但是当谈到SVG时,我尝试了在网站上建议的方法,但是它没有起作用。 <?xml version="1.0"?> <!-- Generated by SVGo --> <svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
浏览 3
提问于2015-06-30
得票数 1
回答已采纳
2
回答
如何在我的网站上使用Apple符号?
、
、
我必须在我的网站上实现苹果符号。我已经安装了整个包: AppleSymbols.woff AppleSymbols.ttr AppleSymbols.svg AppleSymbols.eot 和: @font-face { font-family: 'AppleSymbols'; src: url('AppleSymbols.eot?') format('eot'), url('AppleSymbols.woff') format('woff'), url(&
浏览 0
提问于2014-05-17
得票数 1
4
回答
使用ImageMagick将具有自定义字体的SVG转换为PNG
、
我使用ImageMagick将SVG转换为PNG,在尝试使用@font-face然后在SVG文件中添加自定义字体之前,所有的工作都非常出色。在Batik中,它工作得很好,但现在在ImageMagick中,我就是不能让它工作。 我可以将字体更改为"convert -list font“中列出的字体,但我可能不得不经常更改字体,所以我想以某种方式在convert上指向字体文件,而不是使用font-face或其他解决方案。 SVG文件还可以包含多个字体系列,并且我的ImageMagick安装包含rsvg委派。 有什么想法吗?谢谢!
浏览 0
提问于2012-03-23
得票数 4
1
回答
有没有一种方式来动画一个字体的渐变?
、
、
、
、
假设我想使用这个字体: @font-face { src: url("https://cdn.glitch.global/f206356a-29f3-4941-a91f-d78ba238df98/Abelone-FREE.otf?v=1650648293770") format("opentype"); font-family: "Abelone"; } * { font-family: "Abelone"; font-size: 80px; } Hello, world. 是否有办法用CSS或JavaS
浏览 8
提问于2022-04-22
得票数 1
2
回答
@字体脸在Firefox中不起作用
、
、
可能重复: 我有个小问题,似乎找不出解决办法。 我正在使用Museo作为网页字体。在Safari中,一切都像魅力一样工作,但在Firefox中却不起作用。有谁知道原因吗? @font-face {font-family: 'MuseoSans-500'; src: url('webfonts/eot/style_159303.eot'); src: url('webfonts/eot/style_159303.eot?#iefix') format('embedded-opentype'), url('webfo
浏览 1
提问于2011-08-05
得票数 0
2
回答
SVG文件自定义字体不在html中显示
、
、
、
我的目标:打印一个SVG到一个单一的页面(任何纸张大小)全尺寸的html页面在Chrome (电子)。 我正在努力实现这个目标,下面是我的故事: 我生成了一个SVG,其中包含应以特定字体显示的文本。这是一个自定义字体,我包含在css中(使用字体松鼠),也用于网站中的文本。当我在我的网站中以内联方式显示SVG时,字体呈现良好。 Inline意味着它是您可以检查的dom的一部分。这样做的问题是,如果不重新呈现svg,您就无法真正更改宽度样式。因为我想打印它,如果能做“width=100%”就好了。 为此,我将SVG序列化为dataURL并使用,并将其src设置为dataURL。现在我可以随心所欲地
浏览 0
提问于2015-10-29
得票数 2
1
回答
在嵌入到TypeKit页面中的SVG对象中使用Adobe SVG字体
、
、
、
、
如何在嵌入到TypeKit页面中的SVG对象中使用Adobe SVG中的字体? 我可以直接使用网页字体(例如,通过google样式表:),但是TypeKit使用了不同的基于javascript的加载策略,这似乎没有将字体可用性应用于SVG对象。 这是可能的吗?如果可能,我该如何着手做这件事? 谢谢!
浏览 1
提问于2013-09-09
得票数 8
1
回答
在字体弹簧防弹@字体语法上.在#后面是什么?
、
我看过几个防弹语法的例子。我从fontspring的原始文章中摘录了以下内容: @font-face { font-family: 'MyFontFamily'; src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), url('myfont-webfont.woff') format('woff'), url('myfont-webfont.ttf') format('truetype&
浏览 5
提问于2012-11-15
得票数 1
2
回答
ImageMagick将带有文本和外部字体的SVG转换为没有外部字体的带有形状(轮廓)的SVG
、
、
我希望使用ImageMagick将带有文本和外部字体的SVG文件转换为另一个没有文本的svg文件,而不是让它们成为形状或轮廓。 基本上,ImageMagick可以完成与Illustrator的“创建轮廓”功能相当的功能吗? 我目前可以将svg转换为png,并且所有的文本和字体都可以正确呈现,但我只是希望让打开svg的人不需要在他们的计算机上安装正确的字体。
浏览 2
提问于2014-01-12
得票数 1
1
回答
使用Sharp将svg转换为png会破坏node.js中的文本
、
、
、
我使用夏普将svg文件转换为png格式,以便上传到松弛的工作区。 我发现了同样的问题, const options = { d3Module: d3, selector: '#chart', container: '<div id="container"><div id="chart"></div></div>' } const d3n = new D3Node(options); const margin = { top: 10,
浏览 2
提问于2021-10-12
得票数 2
回答已采纳
1
回答
字体权重为粗体时,如何找到文本的宽度?
、
、
、
、
我正试图画出文字的边框。我已经为所有的动态字体大小做了它。但是,当字体大小为粗体或粗体时,文本的宽度是每个字体大小的变化,并且与边框重叠。 我的代码如下, <svg id="container_svg" style="width: 1000px; height: 630px;"> <rect id="container_svg_SvgRect" x="1" y="1" width="996" height="626" fill="transparent
浏览 2
提问于2015-12-12
得票数 1
1
回答
在SVG中操作/翻译<text> (添加一个边框)
、
、
、
Problem:我们需要复制RaphaelJS中创建的SVG文本,在RaphaelJS中使用可变字体、字体大小、位置、缩放、旋转。 但是. Raphael为文本使用了一个边框,它的高度与字符串的实际高度无关。包围框的高度是基于字体大小和字体系列的,但与实际字符串无关。因此,“Y”和“,”(字体和字体大小相同)的字符串具有相同的高度。 当我们在SVG中重新创建文本时(通过在PHP中生成文本),我们可以得到字体大小的正确,以及字体家族的正确。然而,SVG的高度并不独立于实际的字符串。所以“,”会比“Y”低得多。高度的差异破坏了旋转和定位。 问题:我们如何使用一个复制RaphaelJS的getBBo
浏览 3
提问于2012-02-09
得票数 6
1
回答
如何利用fabric js的toSVG数据在服务器端创建SVG和PNG图像
、
、
、
、
我使用fabric js创建了一个画布,用户可以在那里创建名片。现在,我正在努力创建可伸缩/可打印的映像(SVG & PNG)。 我正在尝试使用fabric jS的数据在服务器端创建SVG和PNG图像的几种方法。所以在那个用户可以使用那个SVG打印卡片之后。 我已经尝试了以下选项(下面的所有链接都引用了我的问题,因此我要求找到一个合适的方法): 1) 没有成功 2) 部分成功:面对诸如文字包装、字体问题等问题,也无法得到可打印的图像。(如果使用较高的DPI,则显示为附加SS)请在SS下面检查: 3) 部分:无法获得可打印的PDF 4) 没有成功:无法创建svg映像(B
浏览 0
提问于2017-11-24
得票数 7
2
回答
在Chrome中使用@font-face无法在网页上加载svg字体
、
、
、
svg字体有问题。 这是我的index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <img src="sign.svg">&l
浏览 2
提问于2015-04-07
得票数 0
2
回答
Google /O- Roboto字体(新版本) Chrome (windows)中的字体呈现问题
、
、
、
、
在听了最新的Google /O流之后,我非常高兴他们在自己的风格指南中为自己的字体发布了一个新版本/更新。 好了!请注意,这是较新的一个在他们的网页字体回购! 这是更新后(顶部)和更新之前(底部)的屏幕截图: 这是粗体版本的现场演示: 当我在多个项目中使用Roboto (网站和web应用程序,包括桌面和响应程序)时,我非常高兴能够立即实现它。预览是干净的,间隔良好,除了测试之外,我不得不发现,Windows上的Google (最新的稳定版本)在字体的粗体和粗体版本方面存在问题。 a's和e's有充满颜色的内部空间,i的点似乎与
浏览 6
提问于2014-07-03
得票数 4
回答已采纳
2
回答
使用fontawese-webfont.svg进行Eclipse验证错误
、
Eclipse验证器抱怨方阵-webfont.svg-这是项目的一部分。 元素类型“字体-面”的内容是不完整的,它必须匹配“((字体-面-src,(desc|title|metadata))|((desc|title|metadata)+,字体-面-src,((desc_title title元数据))?)”。 (编辑:澄清问题) XML模式真的被违反了吗? 在fontawesy-webfont.svg中有错误吗?你怎么能修复方舟-webfont.svg? Eclipse验证器有问题吗? 方舟-webfont.svg: <?xml version="
浏览 2
提问于2013-07-15
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
SVG之旅:SVG线条动画实现原理
SVG之旅:SVG的图层和渲染顺序
SVG之旅:填充特性
编写 SVG 的指南
svg格式怎么转成png格式?在线svg转png超轻松!
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
云直播
活动推荐
运营活动
广告
关闭
领券