- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在尝试为我的 HTML 页面创建正确的 PDF。我已经设法将除 SVG 之外的所有内容都包含在 PDF 中。我尝试找出问题所在,所以尝试了这个并且效果很好:
<svg id="testSVG" width="100" height="100" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
Sorry, your browser does not support inline SVG.
</svg>
但是,如果我这样做:
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<use xlink:href="#testSVG" width="100" height="100"/>
</svg>
现在不再这样了。它确实显示在浏览器和 media="print"
上所以我怀疑这可能是语法。有谁知道 SVG <use>
元素实际上由 xeponline.jqPlugin.js
支持(或css2pdf)?
最佳答案
Cloudformatter 插件正在抓取 DOM 并将其组装成结构化内容以发送到服务器。它执行一些操作,主要是为了确保内容的结构为 XML。
我想你是在问为什么在那个结构中,你有一个ID为#whatever的SVG,它没有在该结构中另一个“使用”名为#whatever的结构的SVG中使用。
答案是,它不会,因为它不应该。 SVG 的用途是在该 SVG 的多个位置重用该 SVG 内的内容。您正在尝试将 DOM 中的 SVG 重用到该 DOM 内 SVG 内的另一个位置。
如果这对浏览器有效,那对它们来说也很好。但这不是标准。标准中 SVG 的使用很明显,它是为了重用同一 SVG 中的内容。
就我个人而言,我不明白它为什么会起作用。就像同一页面上有五个动态图表一样,该代码在每个图表中创建#gradient1、#gradient2,它们都是不同的。我的图表应该使用哪个#gradient1?里面那个?还是另一张图表中的那个?还是第一个图表?
举一个简单的例子,我在同一页面上有 2 个图表。它们是从 Javascript 动态创建的,因此它们在内部执行的操作能够在其内部单独理解 SVG 本身的性质和结构。他们可以在内部创建一组在内部应用的 ID,但他们当然不知道页面上存在什么。
图表 1 包含以下内容:
<rect id=”rect1” x="0" y="0" width="720" height="400" strokewidth="0" fill="#FFFFFF" class=" highcharts-background"/>
图表 2 包含以下内容:
<rect id=”rect1” x="0" y="0" width="220" height="200" strokewidth="0" fill="#FFFFFF" class=" highcharts-background"/>
现在,在第一个 SVG 内部引用了 id“rect1”,并且它也在第二个 SVG 中被引用。但请注意,它们的尺寸不同。现在,这是可行的,因为它们是每个 SVG 的内部并且是不同的。问自己这个问题:
为什么绘制图表 1 时没有引用第二个图表?
为什么绘制图表 2 时没有引用第一个图表?
现在,正如您所做的那样,您创建了第三个 SVG 并在其中使用“rect1” - 它将使用哪个“rect1”?毕竟现在有两个了。
您当然可以尝试修改 Javascript 来尝试解决这样的使用问题,但由于上述原因,这将是一个完全一次性的解决方案。在第三个示例中 - 您不知道将哪一个复制到 SVG 中。
关于javascript - xeponline.jqPlugin.js(或 css2pdf)SVG <use> 引用另一个 SVG 不会在 PDF 中显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42645307/
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: template pass by value or const reference or…? 以下对于将函数
我用相同的参数列表重载了一个运算符两次。但返回类型不同: T& operator()(par_list){blablabla} const T& operator()(par_list){bla
假设我有实现接口(interface) I 的 Activity A。我的 ViewModel 类 (VM) 持有对实现接口(interface) I 的对象的引用: class A extends
PHP 如何解释 &$this ?为什么允许? 我遇到了以下问题,这看起来像是 PHP 7.1 和 7.2 中的错误。它与 &$this 引用和跨命名空间调用以及 call_user_func_arr
谁能解释一下下面“&”的作用: class TEST { } $abc =& new TEST(); 我知道这是引用。但是有人可以说明我为什么以及什么时候需要这样的东西吗?或者给我指向一个对此有很好解
引用变量是一个别名,也就是说,它是某个已存在变量的另一个名字。一旦把引用初始化为某个变量,就可以使用该引用名称或变量名称来指向变量。 C++ 引用 vs 指针 引用很容易与指针混淆,它们之间有三
目录 引言 背景 结论 引言 我选择写C++中的引用是因为我感觉大多数人误解了引用。而我之所以有这个感受是因为我主持过很多C++的面试,并且我很少
Perl 中的引用是指一个标量类型可以指向变量、数组、哈希表(也叫关联数组)甚至函数,可以应用在程序的任何地方 创建引用 定义变量的时候,在变量名前面加个 \,就得到了这个变量的一个引用 $sc
我编写了一个将从主脚本加载的 Perl 模块。该模块使用在主脚本中定义的子程序(我不是维护者)。 对于主脚本中的一个子例程,需要扩展,但我不想修补主脚本。相反,我想覆盖我的模块中的函数并保存对原始子例
我花了几个小时试图掌握 F# Quotations,但我遇到了一些障碍。我的要求是从可区分的联合类型中取出简单的函数(只是整数、+、-、/、*)并生成一个表达式树,最终将用于生成 C 代码。我知道使用
很多时候,问题(尤其是那些标记为 regex 的问题)询问验证密码的方法。似乎用户通常会寻求密码验证方法,包括确保密码包含特定字符、匹配特定模式和/或遵守最少字符数。这篇文章旨在帮助用户找到合适的密码
我想通过 MIN 函数内的地址(例如,C800)引用包含文本的最后一个单元格。你能帮忙吗? Sub Set_Formula() ' ----------------------------- Dim
使用常规的 for 循环,我可以做类似的事情: for (let i = 0; i < objects.length; i++) { delete objects[i]; } 常规的 for-
在 Cucumber 中,您定义了定义 BDD 语法的步骤;例如,您的测试可能有: When I navigate to step 3 然后你可以定义一个步骤: When /^I navigate t
这是什么UnaryExpression的目的,以及应该怎样使用? 最佳答案 它需要一个 Expression对象并用另一个 Expression 包裹它.例如,如果您有一个用于 lambda 的表达式
给出以下内容 $("#identifier div:first, #idetifier2").fadeOut(300,function() { // I need to reference jus
我不知道我要找的东西的正确术语,但我要找的是一个完整的引用,可以放在双引号之间的语句,比如 *, node()、@* 以及所有列出的 here加上任何其他存在的。 我链接到的答案提供了一些细节,但还
This question's answers are a community effort。编辑现有答案以改善此职位。它当前不接受新的答案或互动。 这是什么? 这是常见问答的集合。这也是一个社区Wi
Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。 想改善这个问题吗?更新问题,以便将其作为on-topic
考虑下一个代码: fn get_ref(slice: &'a Vec, f: fn(&'a Vec) -> R) -> R where R: 'a, { f(slice) } fn m
我是一名优秀的程序员,十分优秀!