“模块:SVG Data URL/doc”的版本间的差异
(创建页面,内容为“{{#ifeq:{{NAMESPACENUMBER}}|10|{{Lua|SVG Data URL}}}} 本{{#ifeq:{{NAMESPACENUMBER}}|828|模块|模板}}使得可以在页面中嵌入SVG图像。用途包括:实…”) |
|||
第1行: | 第1行: | ||
+ | {{FromOther/CN|site=萌娘百科|originURL=https://zh.moegirl.org.cn/{{FULLPAGENAMEE}}|origin={{FULLPAGENAME}}|copyright=cc|lsubtype=by-nc-sa|lver=3.0|contribURL=https://zh.moegirl.org.cn/index.php?title={{FULLPAGENAMEE}}&action=history}} | ||
{{#ifeq:{{NAMESPACENUMBER}}|10|{{Lua|SVG Data URL}}}} | {{#ifeq:{{NAMESPACENUMBER}}|10|{{Lua|SVG Data URL}}}} | ||
本{{#ifeq:{{NAMESPACENUMBER}}|828|模块|模板}}使得可以在页面中嵌入SVG图像。用途包括:实现随wikitext变化的内容;避免小而杂乱的图被上传到共享站;…… | 本{{#ifeq:{{NAMESPACENUMBER}}|828|模块|模板}}使得可以在页面中嵌入SVG图像。用途包括:实现随wikitext变化的内容;避免小而杂乱的图被上传到共享站;…… |
2024年1月3日 (三) 19:09的最新版本
![]() |
本页面之全部或部分原来自萌娘百科的模块:SVG Data URL/doc,依 CC BY-NC-SA 3.0 CN 授权引入;原贡献者可以在这里看到。 |
本模块使得可以在页面中嵌入SVG图像。用途包括:实现随wikitext变化的内容;避免小而杂乱的图被上传到共享站;……
本站没有启用<svg>
标签,显示SVG的原理是使用Data URL为<img>
提供源。
用法
参数svg
填SVG代码。前面不要填<?xml …
或<!DOCTYPE svg …
,直接以<svg
开头。
没指定xmlns
的话,会自动加上xmlns="http://www.w3.org/2000/svg"
。
{{svg|svg= <svg width="300" height="200"> <rect width="100%" height="100%" fill="darkturquoise"/> <circle cx="150" cy="100" r="80" fill="cadetblue"/> <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text> </svg> }}
Lua错误:bad argument #1 to 'match' (string expected, got nil)。
除svg
、src
、srcset
以外的任何参数,如width
、alt
、class
、style
等,会被原封不动地添加到<img>
上。不需要加引号。
{{svg |width=100 |style=border-radius:6px; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); |alt=表情 |svg= <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93.1 81.3"> <path d="M93.1,44.8v36.5H4.6C0,64.1-.3,51.9,.1,34.3c0-5.9,.3-17.6,5.8-21.7,7,.7,9.8,7.5,16,9.6,9.7-3.7,20.1-4.6,30.1-4.8C58,9.9,62.1,1.5,71.6,0c5.3,2.5,6,7,7.1,11.4,1.6,6.2,2.7,12.5,4.7,18.6,1.9,5.6,3.5,11.8,9.7,14.8Z"/> <circle cx="25.8" cy="47.7" r="9" fill="#fff"/> <circle cx="58.2" cy="42" r="9" fill="#fff"/> <circle cx="22.6" cy="45.6" r="5"/> <circle cx="62" cy="43.6" r="5"/> </svg> }}
Lua错误:bad argument #1 to 'match' (string expected, got nil)。
注意
作为文字的"
和'
需要换为XML实体("
→"
,'
→'
),否则两者会颠倒。
{{svg|svg= <svg width="300" height="100" style="background:#fff"> <text x="150" y="40" font-size="20" text-anchor="middle">字符:"双引号" '单引号'</text> <text x="150" y="80" font-size="20" text-anchor="middle">实体:"双引号" '单引号'</text> </svg> }}
Lua错误:bad argument #1 to 'match' (string expected, got nil)。
|