合并SVG和JPG文件,并输出JPG

时间:2019-09-08 15:08:23

标签: javascript html svg jpeg

我想从某个网站下载一些内容。这是一本书,其中JPG文件包含图片,图形和表格,而叠加SVG文件包含随附的文本。当您尝试下载“ bookpage”时,最终可以得到2个单独的文件(svg和jpg)。我想要的是单个jpg / png / pdf文件,其中包含两个文件的内容,并保留了彼此的位置以及SVG的字体。唯一可以正确打开SVG的程序是Google Chrome。

我试图做的事情

  1. 我安装了Illustrator,Photoshop,InDesign CC2018。没有一个 可以打开SVG。 Inkscape可以将其打开,但不会保留 文件的字体。
  2. 我将SVG文件转换为EPS / PDF 使用在线转换器归档。其中一个很不错,但我 需要另外校正图片在 Illustrator Converter保留了该字体,但看上去仍然没有 喜欢它
  3. 编辑SVG并将标签放置为背景没有任何作用。代码以
  4. 开头
<?xml version="1.0" encoding="utf-8"?>
<svg:svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svg="http://www.w3.org/2000/svg" version="1.1" width="850px" height="1000px" preserveAspectRatio="none">

在这段代码之后,我放了

<image href="image.jpg" x="0" y="0" height="850px" width="1000x"/>

,然后代码以<svg:path等继续。

它根本不显示我想要的背景。

我查看了该线程(Merge SVG and .JPG into one image?)。这个人和我一样有同样的问题,但是最终我不了解如何在SVG中“画线”,以及如何使用canvg。 SVG编辑器在我的PC上运行不佳(我使用Windows)。

谢谢。

更新9/18:我看了看这个线程(Including fonts when converting SVG to PNG),并设法使JSFiddle用字体识别SVG(在我将“ like标签”替换为一个之后),但是最终,在某些页面上下载了按钮不起作用。按下按钮后可以查看脚本执行或日志的输出吗?

0 个答案:

没有答案