javascript - svg image is added to DOM, but isn't *visible* unless touched in Firebug -

-

this question has answer here:

i'm trying add feature webtoy built. uses raw javascript , svg. app has bunch of functionality , on year old , lives @ http://stereosketcher.com. new feature supposed add svg <image> <g> when drag image file onto special spot on screen file system. have dragging , parsing , appending done, image isn't appearing. isn't isn't in markup, it in markup, it's can't see image.

i suspect kind of layering or opacity issue or something, except there 2 weird tricks can make image appear:

  • just copy whole <image> element (xlink:href , all) else's svg editor (like 'try it' editor on @ w3schools)
  • use firebug manually edit markup , touch last few characters of <image> inserting space or carriage-return before "/>" closing tag (removing new character not make image disappear again)

the function add document looks this:

function applyimagetofaces(data) {     var image = document.createelementns("http://www.w3.org/2000/svg", "image");     image.setattribute("width","800");     image.setattribute("height","800");     image.setattribute("xlink:href",data);      shapegroup.appendchild(image); }

does know kind of behavior is?

edit: when replace 'data' plain link this:

<image width="800" height="800" xlink:href="http://thumbs.ebaystatic.com/d/l225/m/m-eultq6awfeafdhxz9cuja.jpg"/>

it behaves in same way....

welp. found answer: https://stackoverflow.com/a/26634735/2427417

i had tried before had left out "http://" namespace because copying comment on answer: https://stackoverflow.com/a/12423019/2427417


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more