Knockout SVG Image Binding not Working. Solution Found!

This post is about an issue I faced in Knockout to bind svg <image> and it was not showing the image inside the svg, even with correct binding with xlink:href

My first attempt was,


If you notice that, Image is not showing in the svg box.
Reason: Because xlink:href attribute needs to be there even with empty value to initialize the HTML svg image.

So, your image tag should be like this
<image height="500" id="img1" width="500" xlink:href=""
        data-bind="attr:{'xlink:href': image}"></image>


Solution, with empty xlink:href attribute


Hope this may help to somebody with the same problem!

11 comments:

  1. Adobe is regarded as the best application for completing different tasks. If you want to deal with some unknown errors, connect the technical team at Adobe Help Number UK for the best fixation method.

    ReplyDelete
  2. Brother is a reliable printing machine but technical issues are common with it. The right source for getting dependable support is our Brother Printer Helpline Number UK. This way you can get answer for all your queries associated with Brother Printer and get rid of the problem.
    Brother Printer Help Number UK

    ReplyDelete
  3. Have you ever consider from where does sign in error happen on your Blockchain account? Is the secret key mistake behind it or you are composing the wrong email id. Whatever the potential outcomes could be, you can generally fix your issues under the help of a group of gifted officials by dialing Blockchain support phone number800-861-8259.The group is responsive and profit the best answers for the users whenever.

    ReplyDelete
  4. All Translation Services Is A Crystal Hues Company In India. We Provide High Quality And Accurate Translation Services In India And Around The World. Click here more information: http://www.crystalhues.com/translation.asp

    ReplyDelete
  5. We are an advertising agency providing brand consulting, creative packaging design, web design, web development and digital marketing services for all your. http://chlworldwide.com/brand-community-agency.html

    ReplyDelete

  6. If you looking for a top Event Management Company in Delhi, then no need to look further then crystal hues. http://www.crystalhues.com/event_management.asp

    ReplyDelete
  7. localization testing services Delhi
    http://chllocalization.com/localization.html

    ReplyDelete
  8. Welcome to www.avg-retail.xyz Protect your data, devices, and your family With the development of the digital world, online protection is crucial. It is extremely important to protect your PCs, Mac, computers as well as mobile devices and tablets with avg.com/retail. This can be done with the help of effective internet security and anti-virus products from avg.com/retail that safeguards all devices used on digital platforms.

    For more information: www.avg.com/retail

    When you buy a new HP printer, you try to connect it using the user manual. The manual provided by the 123.hp.com/setup manufacturer may not be in detail. Hence, our technical experts have given simple instructions that guide you through the HP Printer setup and troubleshooting issues if any.

    For more information: 123.hp.com/setup

    ReplyDelete