Skip to main content

text tag not rendering inside a link tag

I want to use text tags inside svg as links but wrapping them inside an a tag seems to make them unable to render. here is the html

<svg>
  <g fill="none" fill-rule="nonzero" stroke="#000100" stroke-width="none" stroke-linecap="round" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
  <path d="M409.5,319.17949l50,17.32051" fill="none" stroke-width="2"></path>
  <path d="M459.5,336.5l-77.79645,67.3737" fill="none" stroke-width="2"></path>
  <path d="M459.5,336.5l-77.79645,67.3737" fill="none" stroke-width="2"></path>
  <path d="M381.70355,403.8737l-25.11858,-130.51996" fill="none" stroke-width="2"></path>
  <path d="M381.70355,403.8737l-25.11858,-130.51996" fill="none" stroke-width="2"></path>
  <path d="M356.58497,273.35373l153.94023,53.32646" fill="none" stroke-width="2"></path>
  <path d="M356.58497,273.35373l153.94023,53.32646" fill="none" stroke-width="2"></path>
  <path d="M510.5252,326.68019l-145.83005,126.29253" fill="none" stroke-width="2"></path>
  <path d="M510.5252,326.68019l-145.83005,126.29253" fill="none" stroke-width="2"></path>
  <path d="M364.69515,452.97272l-42.12698,-218.89821" fill="none" stroke-width="2"></path>
  <path d="M364.69515,452.97272l-42.12698,-218.89821" fill="none" stroke-width="2"></path>
  <path d="M322.56817,234.07451l238.98224,82.78588" fill="none" stroke-width="2"></path>
  <a href="WRITINGS" target="_blank">
  <text x="-402.27378" y="272.51973" transform="rotate(-100.89339)" fill="#000100" stroke-width="0.1" font-family="sans-serif" font-weight="normal" font-size="24" text-anchor="middle">
  <tspan>WRITINGS</tspan></text></a>
  <path d="M322.56817,234.07451l238.98224,82.78588" fill="none" stroke-width="2"></path>
  <path d="M561.55041,316.86039l-213.86366,185.21136" fill="none" stroke-width="2"></path>
  <a href="PROJECTS" target="_blank">
  <text x="507.87466" y="115.59441" transform="rotate(19.10661)" fill="#000100" stroke-width="0.1" font-family="sans-serif" font-weight="normal" font-size="24" text-anchor="middle">
  <tspan>PROJECTS</tspan></text></a>
  <path d="M561.55041,316.86039l-213.86366,185.21136" fill="none" stroke-width="2"></path>
  <path d="M347.68675,502.07175l-59.13538,-307.27646" fill="none" stroke-width="2"></path>
  <path d="M347.68675,502.07175l-59.13538,-307.27646" fill="none" stroke-width="2"></path>
  <path d="M288.55137,194.79529l324.02424,112.24529" fill="none" stroke-width="2"></path>
  <path d="M288.55137,194.79529l324.02424,112.24529" fill="none" stroke-width="2"></path>
  <path d="M612.57561,307.04058l-281.89726,244.13019" fill="none" stroke-width="2"></path>
  <path d="M612.57561,307.04058l-281.89726,244.13019" fill="none" stroke-width="2"></path>
  <path d="M330.67835,551.17078l-76.14378,-395.6547" fill="none" stroke-width="2"></path>
  <a href="GITHUB" target="_blank">
  <text x="-75.60088" y="-633.12574" transform="rotate(139.10661)" fill="#000100" stroke-width="0.1" font-family="sans-serif" font-weight="normal" font-size="24" text-anchor="middle">
  <tspan>GITHUB</tspan></text></a>
  <path d="M330.67835,551.17078l-76.14378,-395.6547" fill="none" stroke-width="2"></path>
  <path d="M254.53457,155.51607l409.06625,141.70471" fill="none" stroke-width="2"></path>
  <path d="M254.53457,155.51607l409.06625,141.70471" fill="none" stroke-width="2"></path>
  <path d="M663.60082,297.22078l-349.93087,303.04902" fill="none" stroke-width="2"></path>
  <path d="M663.60082,297.22078l-349.93087,303.04902" fill="none" stroke-width="2"></path>
  <path d="M313.66995,600.2698l-93.15218,-484.03295" fill="none" stroke-width="2"></path>
  <path d="M313.66995,600.2698l-93.15218,-484.03295" fill="none" stroke-width="2"></path>
  <path d="M220.51776,116.23685l494.10826,171.16412" fill="none" stroke-width="2"></path>
  <path d="M220.51776,116.23685l494.10826,171.16412" fill="none" stroke-width="2"></path>
  <path d="M714.62602,287.40097l-417.96447,361.96785" fill="none" stroke-width="2"></path>
  <path d="M714.62602,287.40097l-417.96447,361.96785" fill="none" stroke-width="2"></path>
  <path d="M296.66155,649.36883l-110.16059,-572.41119" fill="none" stroke-width="2"></path>
  <path d="M296.66155,649.36883l-110.16059,-572.41119" fill="none" stroke-width="2"></path>
  <path d="M186.50096,76.95763l579.15026,200.62354" fill="none" stroke-width="2"></path>
  <path d="M186.50096,76.95763l579.15026,200.62354" fill="none" stroke-width="2"></path>
  <path d="M765.65122,277.58117l-485.99808,420.88668" fill="none" stroke-width="2"></path>
  <path d="M765.65122,277.58117l-485.99808,420.88668" fill="none" stroke-width="2"></path>
  <path d="M279.65314,698.46785l-127.16899,-660.78944" fill="none" stroke-width="2"></path>
  </g>
  </svg>
Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW
Labels:

Comments

Post a Comment

Popular posts from this blog

Prop `className` did not match in next js app

I have written a sample code ( Github Link here ). this is a simple next js app, but giving me error when I refresh the page. This seems to be the common problem and I tried the fix provided in the internet but does not seem to fix my issue. The error is Warning: Prop className did not match. Server: "MuiBox-root MuiBox-root-1" Client: "MuiBox-root MuiBox-root-2". Did changes for _document.js, modified _app.js as mentioned in official website and solutions in stackoverflow. but nothing seems to work. Could someone take a look and help me whats wrong with the code? Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW
Post a Comment
Read more

How to show number of registered users in Laravel based on usertype?

i'm trying to display data from the database in the admin dashboard i used this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count(); echo $users; ?> and i have successfully get the correct data from the database but what if i want to display a specific data for example in this user table there is "usertype" that specify if the user is normal user or admin i want to user the same code above but to display a specific usertype i tried this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count()->WHERE usertype =admin; echo $users; ?> but it didn't work, what am i doing wrong? source https://stackoverflow.com/questions/68199726/how-to-show-number-of-registered-users-in-laravel-based-on-usertype
Post a Comment
Read more

Why is my reports service not connecting?

I am trying to pull some data from a Postgres database using Node.js and node-postures but I can't figure out why my service isn't connecting. my routes/index.js file: const express = require('express'); const router = express.Router(); const ordersCountController = require('../controllers/ordersCountController'); const ordersController = require('../controllers/ordersController'); const weeklyReportsController = require('../controllers/weeklyReportsController'); router.get('/orders_count', ordersCountController); router.get('/orders', ordersController); router.get('/weekly_reports', weeklyReportsController); module.exports = router; My controllers/weeklyReportsController.js file: const weeklyReportsService = require('../services/weeklyReportsService'); const weeklyReportsController = async (req, res) => { try { const data = await weeklyReportsService; res.json({data}) console
Post a Comment
Read more