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!

19 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
  9. Have you worked your fingers to the bone but still unable to restore authenticator app from a digital key backup in Binance? Do you have solutions Binance Support NUmber and ways to get rid of such errors? If no, you don’t have to worry at all and try out the best services given by a talented and elite bunch of executives by dialing a Binance support phone number +1877-330-7540 which is the easiest medium to deal with the errors in split seconds. You can take step-wise advise from the counselors and avail the perfect solution to your problems immediately.

    ReplyDelete
  10. Really Liked the information you have provided. I have an article relaed to it. I was searching about it on the internet and I found an amazing site from Weebly Sites. The provided Article was about a site that provides working modded android apps. The name of the site was “Fineapkapps”. The Article was very halpful, You should read that. Click Here to reach that amazing article: Best Gaming Site.

    ReplyDelete
  11. Hi I’m mick tracker is a professional service provider who is an experienced technician and has more than 5 years of hand on experience. If you are facing any kind of technical glitch in your download aol desktop gold then it’s time that you must definitely consider us. We will help you to solve your query within minutes.

    ReplyDelete
  12. Looking for assistance to deal with issues that occur during the process of Binance account verification? If you are a first-time user or have no knowledge to deal with errors or to carry out process in Binance exchange, instead of wasting your time, you should contact the team who is ready to help you. Call on Binance support number which is functional and all the time. To contact with the professionals to discuss your issues, you should talk to them and get verified Binance Support Number solutions from the team in no time. The team always serve helping hand so talk to them regarding your troubles. They will always come up with solutions to fix issues.

    ReplyDelete
  13. Are you having bitcoin errors in Blockchain account and are you looking for solutions to deal with errors? You have reached the right place where all your issues will be resolved by the team who is always there for you. You can always take help from the professionals who’re there to support you via calling on Blockchain support number which is always ready to support you. Reaching them and discussing your Blockchain Support Number error is a right decision. You can contact them anytime to avail fruitful solutions which are applicable and easy to execute.

    ReplyDelete
  14. Bitcoin is the popular coin among other coins available in the crypto market and Bitcoin-exchange, Gemini is known for providing the best and secure platform for bitcoin trading. If you are finding trouble in making bitcoin transaction on this giant platform, you can talk to the team of elite professionals via calling Gemini Support Number on Gemini customer support number which is always active and users can contact them to resolve the issues and also, to avail quality solutions..

    ReplyDelete
  15. Looking for assistance to deal with issues that occur during the process of Binance account verification? If you are a first-time user or have no knowledge to deal with errors or to carry out process in Binance exchange, instead of wasting your time, you should contact the team who is ready to help you. Call on Binance support number which is functional and all the time. To contact with the professionals to discuss your issues, you should talk to them and get verified Binance Support Number solutions from the team in no time. The team always serve helping hand so talk to them regarding your troubles. They will always come up with solutions to fix issues.

    ReplyDelete