php - href link from svg object -

-

i created svg rectangle text "my text" in it. i'd add clickable link text "my text" using href attributes (or else) redirect site php file. but, rectangle text "my text" without link.

<?php    echo "<svg width='1100' height='1620'>";    echo "<rect x='450' y='30' width='200' height='30' style='fill:white stroke:black;stroke-width:2'></rect>";    $my_text = "my text";     echo "<text x='473'  y='51' font-family='verdana' font-size='18' fill='black' > <a href='index.php'>$my_text</a></text>";    echo "</svg>"; ?>

at moment (2016-11-12) browsers not consistent on isssue.

certain contemporary browsers (and should) understand href:

<svg width="1100" height="1620"> <rect x="450" y="30" width="200" height="30" style="fill:white; stroke:black; stroke-width:2;"></rect> <text x="473" y="51" font-family="verdana" font-size="18" fill="black" > <a href="index.php">my text</a> </text> </svg>

others understand xml xlink:href syntax:

<svg width="1100" height="1620"> <rect x="450" y="30" width="200" height="30" style="fill:white; stroke:black; stroke-width:2;"></rect> <text x="473" y="51" font-family="verdana" font-size="18" fill="black" > <a xlink:href="index.php">my text</a> </text> </svg>

to ensure maximum cross-browser compatibility, use (for now):

<svg width="1100" height="1620"> <rect x="450" y="30" width="200" height="30" style="fill:white; stroke:black; stroke-width:2;"></rect> <text x="473" y="51" font-family="verdana" font-size="18" fill="black" > <a xlink:href="index.php> <a href="index.php">my text</a> </a> </text> </svg>

further reading xml xlink: - , deprecation in svg2:

see: mozilla developer network: xlink:href


Comments

Post a Comment

Popular posts from this blog

asp.net - How to correctly use QUERY_STRING in ISAPI rewrite? -

-
i'm having difficult time , hope guys can help. using helicon isapi rewrite version 3.1.0.104 on our iis server. edit http.conf file , have tried , still fail. this trying do: redirect url: https://www.domain.com/switch-by-version?version=2.8.5.2594 to: https://test.domain.com/load/load.aspx?tver=2.8.5.2594 the version number @ end source url change, , need target url have same version number @ end of url example above shows. i tried following not work: rewritecond %{query_string} ^version=(\d\d?)\.(\d\d?)\.(\d\d?)\.(.*)$ [nc] rewriterule ^/switch-by-version(.*)$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l] any appreciated! thanks. if it's running in equivalent context of .htaccess , rule shouldn't start / . here's simpler version: rewritecond %{query_string} ^version=(\d+\.\d+\.\d+(?:\..+)?)$ [nc] rewriterule ^switch-by-version/?$ https://test.domain.com/load/load.aspx?tver=%1 [r=307,nc,l]
Read more

jsf - "PropertyNotWritableException: Illegal Syntax for Set Operation" error when setting value in bean -

-
this question has answer here: how send form input values , invoke method in jsf bean 1 answer i error when trying send values jsf page bean. i want set values fields in bean, create airplane instance , add database. error telling me use illegal syntax setter part of bean. why error? didnt find on site helped me problem. here jsf part: <h4>add plane</h4> <c:if test="#{not empty listairplanebb.error}"> <div class="alert alert-danger"> <span class="glyphicon glyphicon-remove"></span> <h:outputtext value="#{listairplanebb.error}" /> </div> </c:if> <h:form> <table class="table"> <thead> ...
Read more

laravel - Undefined property: Illuminate\Pagination\LengthAwarePaginator::$id (View: F:\project\resources\views\admin\carousels\index.blade.php) -

-
when try pass variable data view error, can't find document problem controller(carouselcontroller.php) public function index() { $carousels = carousel::orderby('created_at', 'asc')->paginate(12); return view('admin.carousels.index')->withcarousels($carousels); } my view(index.blade.php) <div class="row"> <div class="col-md-9"> <h1>all images</h1> </div> <div class="col-md-3"> <a href="{{ route('carousels.create') }}" class="btn btn-lg btn-block btn-primary ">create new carousel</a> </div> <div class="col-md-12"> <hr> </div> </div>{{-- end of row --}} <div class="row"> <div class="col-md-12"> <div class="row"> @foreach($carousels $photo) <div class="col-xs-6 col-md...
Read more