找文章 / 找答案
精选问答 更多内容

[报错信息处理] 文本中SVG画图添加超链接报错

9201白银四 显示全部楼层 发表于 2022-5-7 10:14:40 |阅读模式 打印 上一主题 下一主题
1
已解决
文本中输入svg画了个方框,然后给方框添加超链接控制台报这样的错,连接跳转不过去
WX20220507-101020@2x.png
代码
<svg width="600px" height="600px" version="1.1" xmlns="http://www.w3.org/2000/svg">
            <style>
                use {
                    --fill: #FFFFFF;
                    --stroke-width: 0.1;
                    stroke: "none";
                }

                text {
                    font-size: 200%;
                    fill: #000000;
                }

                .s0 {
                    fill: #E6E6E6;
                }

                .s1 {
                    fill: #05C091;
                }

                .s2 {
                    fill: #0090FF;
                }

                .s3 {
                    fill: #FFBF00;
                }

                .s4 {
                    fill: #DB2929;
                }
            </style>


            <defs>
                <rect id="standardRect" width="16.6667%" height="11.1111%" />
                <rect id="specialRect" width="8.33335%" height="11.1111%" />
                <rect id="1" width="8.33335%" height="11.1111%" />
            </defs>
            <a xlink:href="http://www.baidu.com" xlink:title="01" target="_blank">
                <g>
                    <use id="rect_1" name="01" x="33.3334%" y="0%" href="#standardRect" class="s1"/>
                    <text id="text_1" x="38.3334%" y="8.0000%">01</text>
                </g>
            </a>

        </svg>


最佳答案

永洪tech-cc 白银一 关注Ta

2022-05-07 10:14:41

您好,报错的原因是不支持写svg在文本里
查看完整内容
回复

使用道具 举报

精彩评论11

永洪tech-cc白银一 显示全部楼层 发表于 2022-5-7 10:14:41
您好,报错的原因是不支持写svg在文本里
回复

使用道具 举报

永洪tech-cc白银一 显示全部楼层 发表于 2022-5-7 10:24:03
您好,这边正在帮您处理中,麻烦您稍微等下,解决后给您答复。
回复

使用道具 举报

9201白银四 显示全部楼层 发表于 2022-5-7 10:26:30
永洪tech-cc 发表于 2022-5-7 10:24
您好,这边正在帮您处理中,麻烦您稍微等下,解决后给您答复。

好的
回复

使用道具 举报

9201白银四 显示全部楼层 发表于 2022-5-7 10:47:07
永洪tech-cc 发表于 2022-5-7 10:38
您好,报错的原因是不支持写svg在文本里

svg写的能显示出来 啊,查看报告也能正常查看,就是添加超链接之后超链接无法正常跳转,怎么就是不支持写SVG了[迷蒙]
回复

使用道具 举报

永洪tech-cc白银一 显示全部楼层 发表于 2022-5-7 10:53:10
您的那个截图是因为svg写的有空指针,产品是不建议这么使用的,您可以通过产品中的设置背景功能更好
回复

使用道具 举报

9201白银四 显示全部楼层 发表于 2022-5-7 11:09:14
永洪tech-cc 发表于 2022-5-7 10:53
您的那个截图是因为svg写的有空指针,产品是不建议这么使用的,您可以通过产品中的设置背景功能更好 ...

那怎样才能解决空指针的问题呢
回复

使用道具 举报

永洪tech-cc白银一 显示全部楼层 发表于 2022-5-7 12:00:29
不建议这么使用呢,产品未做相关支持。
回复

使用道具 举报

9201白银四 显示全部楼层 发表于 2022-5-7 14:09:06
永洪tech-cc 发表于 2022-5-7 12:00
不建议这么使用呢,产品未做相关支持。

那为啥直接写a标签就能生效呢
<a href="http://www.baidu.com" title="百度" target="_blank"> 百度</a>
回复

使用道具 举报

永洪tech-cc白银一 显示全部楼层 发表于 2022-5-7 14:21:37
这种标签是支持,但是也不建议这么使用,背景建议用背景设置效果更好,svg是暂不支持的
回复

使用道具 举报

高级模式
您需要登录后才可以回帖 登录 | 免费注册

  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部