Thursday, July 29, 2010

Canvas Rounded Corner Rectangles

I've recently started using the canvas tag and  needed to draw rounded corner rectangles. I did find a good post explaing how to do it but I didn't find a nice method so I decided to create one.  I took Futomi Hatano's code  and abstracted it into a method.

/**
 * Draws a rounded rectangle using the current state of the canvas. 
 * If you omit the last three params, it will draw a rectangle 
 * outline with a 5 pixel border radius 
 * @param {CanvasRenderingContext2D} ctx
 * @param {Number} x The top left x coordinate
 * @param {Number} y The top left y coordinate 
 * @param {Number} width The width of the rectangle 
 * @param {Number} height The height of the rectangle
 * @param {Number} radius The corner radius. Defaults to 5;
 * @param {Boolean} fill Whether to fill the rectangle. Defaults to false.
 * @param {Boolean} stroke Whether to stroke the rectangle. Defaults to true.
 */
function roundRect(ctx, x, y, width, height, radius, fill, stroke) {
  if (typeof stroke == "undefined" ) {
    stroke = true;
  }
  if (typeof radius === "undefined") {
    radius = 5;
  }
  ctx.beginPath();
  ctx.moveTo(x + radius, y);
  ctx.lineTo(x + width - radius, y);
  ctx.quadraticCurveTo(x + width, y, x + width, y + radius);
  ctx.lineTo(x + width, y + height - radius);
  ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
  ctx.lineTo(x + radius, y + height);
  ctx.quadraticCurveTo(x, y + height, x, y + height - radius);
  ctx.lineTo(x, y + radius);
  ctx.quadraticCurveTo(x, y, x + radius, y);
  ctx.closePath();
  if (stroke) {
    ctx.stroke();
  }
  if (fill) {
    ctx.fill();
  }        
}

And it can be used like the following:

// My html contains a canvas with id "rounded-rect" 500X350
var ctx = document.getElementById("rounded-rect").getContext("2d");
// Draw using default border radius, 
// stroke it but no fill (function's default values)
roundRect(ctx, 5, 5, 50, 50);
// To change the color on the rectangle, just manipulate the context
ctx.strokeStyle = "rgb(255, 0, 0)";
ctx.fillStyle = "rgba(255, 255, 0, .5)";
roundRect(ctx, 100, 5, 100, 100, 20, true);
// Manipulate it again
ctx.strokeStyle = "#2d6";
ctx.fillStyle = "#abc";
roundRect(ctx, 100, 200, 200, 100, 50, true);

Which will produce the following output:




For Firefox and Chrome (and maybe other browsers), you can do the following for syntactic sugar

CanvasRenderingContext2D.prototype.roundRect = 

function(x, y, width, height, radius, fill, stroke) {
  if (typeof stroke == "undefined" ) {
    stroke = true;
  }
  if (typeof radius === "undefined") {
    radius = 5;
  }
  this.beginPath();
  this.moveTo(x + radius, y);
  this.lineTo(x + width - radius, y);
  this.quadraticCurveTo(x + width, y, x + width, y + radius);
  this.lineTo(x + width, y + height - radius);
  this.quadraticCurveTo(x + width, y + height, x + width - radius, y + height);
  this.lineTo(x + radius, y + height);
  this.quadraticCurveTo(x, y + height, x, y + height - radius);
  this.lineTo(x, y + radius);
  this.quadraticCurveTo(x, y, x + radius, y);
  this.closePath();
  if (stroke) {
    this.stroke();
  }
  if (fill) {
    this.fill();
  }        
}

// Now you can just call
var ctx = document.getElementById("rounded-rect").getContext("2d");
ctx.roundRect(5, 5, 50, 50);

Here's a JsFiddle that you can edit freely

197 comments:

  1. Yay Juan! Good job! Gotta say, big bro, I don't understand a thing, but I came to show my love. Hahaha!
    Kiss kiss from your sis,

    ReplyDelete
    Replies
    1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or Javascript Training in Chennai. Nowadays JavaScript has tons of job opportunities on various vertical industry. ES6 Training in Chennai

      Delete
    2. Thank you for excellent article.You made an article that is interesting.
      Tavera car for rent in chennai|Indica car for rent in chennai|innova car for rent in chennai|mini bus for rent in chennai|tempo traveller for rent in chennai
      Keep on the good work and write more article like this...
      innova car rental chennai|Tavera car rental chennai
      Great work !!!!Congratulations for this blog

      Delete
    3. Be your own curator of canvas art prints in your home when you decide on whether you would like to decorate with canvas paintings or photography, modern or romanticism, big or small, wall26.com has it all! canvas wall decor

      Delete
  2. Hi,

    nice Idea, but isnt it possible to inherit your own Context class from canvas Context? So that you dont need to pass the context? Would be more elegant or?
    BTW. can i use the code for an Palm Web OS project i am working on?

    ReplyDelete
  3. @Matthias: Please do use it for anything you'd like. I don't think there's a way to inherit or augment the CanvasContext object returned by getContext() that works across browsers. Let me know if you know how to do it. I modified the post to show you how to do what you want in Firefox. By the way, thanks for the first comment on my blog that is not from a relative :)

    I knew I should have added a disclaimer. This is not the code I actually use in production. This is just the simplest way to do it so that others can benefit.

    ReplyDelete
  4. There's a bug on line 15 of the first listing:

    stroke = stroke === undefined ? true : false;

    should be

    stroke = stroke === (undefined || true) ? true : false

    ReplyDelete
  5. Thanks Brian. Fixed it with a clearer syntax.

    ReplyDelete
  6. Thanks! I've used your routine on my page: http://dbp-consulting.com/depthoffocus.html I changed a couple of things, I added ctx.save() at the beginning and ctx.restore() at the end, and switched the order of the stroke and fill at the end, since if you did both, the fill messed up the stroke a bit. In a comment in the routine, I give you credit, and have a link back to this blog.

    ReplyDelete
  7. Well the url for my page is different. It's:
    http://dbp-consulting.com/Photography/CircleOfConfusion.html
    I also made it so you can have an additional boolean arguments for the top left, top right, bottom right and bottom left corners. For each of the arguments, if specified as true, that corner will be rectangular. If unspecified it works just like yours.

    I have:
    var tl=arguments[7];
    var tr=arguments[8];
    var br=arguments[9];
    var bl=arguments[10];
    and then for each corner a section like:

    if(!tr){
    this.quadraticCurveTo(x+width,y,x+width,y+radius);
    }else{
    this.lineTo(x+width,y);
    this.lineTo(x+width,y+radius);
    }

    That way, if you don't specify them the test as false and you get the original specification. As an example of how I used that, look at the colored header on the CoC widget. I wanted to draw it so that the corners would match the canvas, and now I can by adding the correct arguments.

    ReplyDelete
  8. Hi Patrick, thanks for the link to to your usage, it's nice to see someone using it. I'll add your changes (support for multiple corner radii) to this post soon. Thanks for the link back. I should add a note explaining that all code I post here is free for the taking and any link backs are done out of generosity, they are not required.

    Nice job implementing dragging within the canvas tag. I've had to do it myself and it's a PITA.

    ReplyDelete
  9. You must be talking about the sliders I made. I have some really cool buttons too. I made a generic handler for events so that javascript objects could register for events and provide a hit() routine. When an event comes in for the canvas, it looks through the queue for that event and calls the hit() routine for each thing passing the x,y in canvas coordinates for the event. If hit returns true, the callback for the object gets called with the event. I figured that way complex graphic shapes could all use this, and each would be the expert on whether the event hit them. Once the framework was set up adding sliders and buttons et.al. turned out to be really easy. If you haven't checked out my site in a while (dbp-consulting.com) check it out, and look at the tutorials.

    ReplyDelete
  10. good work !
    I made a live example using this code at http://jsfiddle.net/d4JJ8/4/

    ReplyDelete
  11. Thanks for this...helped and works very well

    ReplyDelete
  12. just for the js challenged folks (like myself) that might stumble on this - I struggled with the the contextual call version - your "syntactical sugar" version - not working for the longest time. Finally decided to move the function definition in the js file above the location in the file where I get the context object and magically it started working! Not sure if that is browser specific behavior but I was getting the same behavior on both chrome and safari on mac - btw that approach does work on safari (at least the version I have (5.1.2) )

    ReplyDelete
  13. Great function. Can I use it in an open source data visualization library?
    https://github.com/bengarvey/evidensity.js/

    ReplyDelete
    Replies
    1. Cool stuff, feel free to use it, attribution not required, but appreciated. Love the name of your lib

      Delete
  14. Hi I am using this wpaint code in my application, but the save image options is not working after I merge the code in my application, can you please help me by giving the required changes for save image option to work. thanks in advance for your help :)

    ReplyDelete
    Replies
    1. Somu, I'm not sure why you think I can help with wPaint. You should ask at http://stackoverflow.com/

      Delete
  15. Inspiring writings and I greatly admired what you have to say , I hope you continue to provide new ideas for us all and greetings success always for you..Keep update more information..
    Website for school uk

    ReplyDelete
  16. I have read such a mind-blowing blog after a long time. I really appreciate your article and you have described every thing in this blog with proper advice.Appreciated.

    Now website design buffalo ny service is available with complete professionalism in reasonable budget.

    ReplyDelete

  17. Thanks, Learned a lot of new things from your post! Good creation and HATS OFF to the creativity of your mind.
    Very interesting and useful blog!
    javascript Training in Gurgaon


    ReplyDelete
  18. Thanks for sharing this Informative content. Well explained.
    Javascript Training in Delhi

    ReplyDelete
  19. Our Web Designing Course and other IT Training Programs give professionals the opportunity to attend our open- sourced academic courses on the go which

    ultimately helps them build the skills and knowledge they need to reach their professional goals.

    WordPress Training
    Web Designing Course in Delhi
    SEO Course
    Digital Marketing Training in Delhi
    SMO Training
    PPC Institute in Delhi
    Joomla Course in Delhi
    JQuery Institute in Delhi
    JavaScript Course

    ReplyDelete
  20. Existing without the answers to the difficulties you’ve sorted out through this guide is a critical case, as well as the kind which could have badly affected my entire career if I had not discovered your website.
    nebosh course in chennai

    ReplyDelete
  21. It is really a great work and the way in which you are sharing the knowledge is excellent. Thanks for your informative article
    offshore safety course in chennai

    ReplyDelete
  22. This comment has been removed by the author.

    ReplyDelete
  23. Really very happy to say,your post is very interesting to read.I never stop myself to say something about it.You’re doing a great job.Keep it up.php course in mumbai

    ReplyDelete
  24. Great Article… I love to read your articles because your writing style is too good, its is very very helpful for all of us and I never get bored while reading your article because, they are becomes a more and more interesting from the starting lines until the end.

    Data Science course in rajaji nagar
    Data Science with Python course in chenni
    Data Science course in electronic city
    Data Science course in USA
    Data science course in pune | Data Science Training institute in Pune
    Data science course in bangalore

    ReplyDelete
  25. Its a wonderful post and very helpful, thanks for all this information. You are including better information.
    Javascript Training in Delhi
    Javascript Course in Delhi
    Javascript Training institute in Delhi

    ReplyDelete
  26. Its a wonderful post and very helpful, thanks for all this information. You are including better information regarding this topic in an effective way.Thank you so much.

    Java Online Training


    Java Training


    Java Interview Questions and Answers



    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. Thank you for excellent article.You made an article that is interesting.
    Tavera car for rent in coimbatore|Indica car for rent in coimbatore|innova car for rent in coimbatore|mini bus for rent in coimbatore|tempo traveller for rent in coimbatore|kodaikanal tour package from chennai

    Keep on the good work and write more article like this...

    Great work !!!!Congratulations for this blog

    ReplyDelete
  29. Just seen your Article, it amazed me and surpised me with god thoughts that eveyone will benefit from it. It is really a very informative post for all those budding entreprenuers planning to take advantage of post for business expansions. You always share such a wonderful articlewhich helps us to gain knowledge .Thanks for sharing such a wonderful article, It will be deinitely helpful and fruitful article.
    Thanks
    DedicatedHosting4u.com

    ReplyDelete
  30. We are leading supplier and manufacturer of filler masterbatches all over India
    We are providing you best quality filler masterbatch

    ReplyDelete
  31. Epson Printer Support Phone Number
    has turned into the need of each individual utilizing innovation related howdy tech items. PC and printer clients additionally experience numerous issues at the season of utilization which propel them to secure the client support number(+1-888-326-0222) and get their help to determine the issues. As the innovation of a printer and comparable gadgets are not easy to use for some clients, subsequently, Epson Printer Support Phone Number is accessible online to help end-clients to tackle tech related issues.

    ReplyDelete
  32. If you are looking for sony bluetooth speakers then go on https://www.arecious.com/

    ReplyDelete
  33. If you want best bluetooth speakers with affordable price rate then go on https://www.arecious.com/

    ReplyDelete
  34. If you want best home theater under 5000-10000 then go on. https://www.arecious.com/

    ReplyDelete
  35. If you want best smart phones under 10000-15000 then go on. https://www.arecious.com/

    ReplyDelete
  36. YouthHub is the Best Blog & Website which provides online news related to Best songs, comedy films, Celebrities, gadgets,
    fitness and many more.
    Bollywood Comedy

    ReplyDelete
  37. Home Salon's, Certified Beauticians are highly experienced in her core domain and keep an update of most recent trend styling
    and hair shading, which can give a surprising and new look to ladies. In the Digital Era, the Beauty Parlour Services at home
    is now quickly accessible at your fingertips. Why go to traditional salon services and wait in queues when you can call a salon
    at home.
    Salon at home delhi

    ReplyDelete
  38. Get all the features of Norton Security and more in NEW Norton 360. Or try NEW Norton 360 with LifeLock that combines device security, online privacy. download Norton antivirus with all new feature norton.com/setup and Protect Your Computer From Viruses & Malware

    ReplyDelete
  39. If you are looking for Best Gyms in Ghaziabad then click on the given link.

    ReplyDelete
  40. It is necessary to boost productivity and to do so you can reach the experts by dialing Dell Printer Support Number. IT industry is an industry that keeps on constantly updating its features, resources, and technologies timely.
    Dell Support Phone Number
    Dell Customer Service

    ReplyDelete
  41. http://ecommerceservices.co.in/destinations/best-honeymoon-place-in-himachal/

    ReplyDelete
  42. In our MacBook, technical support delegates at MacBook backing are very talented and experienced, who give users support at the earliest opportunity. You need to get a instant solution through MacBook technical support which is guaranteed you also. You don’t need to stress over it since we give you the fast technical support through Macbook Support Number :18003823046.

    ReplyDelete
  43. This comment has been removed by the author.

    ReplyDelete
  44. nice blog
    get best placement at VSIPL

    get digital marketing services
    seo network point

    ReplyDelete
  45. nice blog
    get best placement at VSIPL

    get digital marketing services
    seo network point

    ReplyDelete
  46. Microsoft Office PC Setup Office Remote turns your phone into a smart remote that interacts with Microsoft Office on your PC. The app lets you control Word,
    Excel, and PowerPoint, Outlook from across the room, so you can walk around freely during presentations.



    Need Help Click Here. www.office.com/setup.

    Get yourself safe from a huge financial loss just be contacting a regular and experienced antivirus
    software service provider. Wiz Customer Service is the name you would be looking for in such conditions which can resolve
    the issues of antivirus scanning.

    Need Help Click Here. www.norton.com/setup

    ReplyDelete
  47. Here we provide the services for office/setup and Hp Customer Service. you can download the setups of office by clicking below and if you have any issue regarding apple product if you need any feel free to call our toll free HP Customer Service +1-800-382-3046
    www.office.com/setup | HP CUSTOMER SERVICE

    ReplyDelete
  48. The most sacred place National War museum Delhi is inaugurated now in the nearby vicinity of India Gate . Here in the article we will help you out in solving our signature query how to reach National War memorial Delhi nearby India Gate . Along with that we will also sort out few other queries related to the National War memorial Delhi like nearest metro station, war memorial Delhi timing and also nearest metro stations to India Gate .

    ReplyDelete
  49. Soma pill is very effective as a painkiller that helps us to get effective relief from pain. This cannot cure pain. Yet when it is taken with proper rest, it can offer you effective relief from pain.
    This painkiller can offer you relief from any kind of pain. But Soma 350 mg is best in treating acute pain. Acute pain is a type of short-term pain which is sharp in nature. Buy Soma 350 mg online to get relief from your acute pain.

    https://globalonlinepills.com/product/soma-350-mg/


    Buy Soma 350 mg
    Soma Pill
    Buy Soma 350 mg online



    Buy Soma 350 mg online
    Soma Pill
    Buy Soma 350 mg

    ReplyDelete
  50. Thanks for sharing it.I got Very valuable information from your blog.your post is really very Informatve. I got Very valuable information from your blog.I’m satisfied with the information that you provide for me.

    Python Training in Pune "
    Python Classes
    Python Placement
    Python Institute Pune
    Python courses

    ReplyDelete
  51. Thanks for your excellent blog and giving great kind of information. So useful. Nice work keep it up thanks for sharing the knowledge.
    Visit us
    Click Here
    For More Details
    Visit Website
    See More

    ReplyDelete
  52. Hiii...Thanks for sharing Great info...Nice post...Keep move on...
    Blockchain Training in Hyderabad

    ReplyDelete

  53. Is it accurate to say that you are chasing for the best HP Printer Technical Support accessible crosswise over USA and Canada? We offer the best and solid specialized help for all issues identified with your HP items.

    In the event that you are truly tired of the re-happening printer issue with your claimed HP, at that point we prescribe you to attempt our World-class remote technical support which is only one summon. Call and get associated with our online HP remote technical support.


    HP Printer Technical Support Phone Number


    HP Printer Customer Support Phone Number

    HP Printer Support Number

    ReplyDelete
  54. Is it accurate to say that you are chasing for the best HP Printer Technical Support accessible crosswise over USA and Canada? We offer the best and solid specialized help for all issues identified with your HP items.

    In the event that you are truly tired of the re-happening printer issue with your claimed HP, at that point we prescribe you to attempt our World-class remote technical support which is only one summon. Call and get associated with our online HP remote technical support.


    HP Printer Technical Support Phone Number

    HP Printer Customer Support Phone Number

    HP Printer Support Number

    HP Printer Support Phone Number

    HP Printer Support Toll-Free Number

    HP Printer Support Helpline Number

    HP Printer Tech Support Phone Number

    ReplyDelete



  55. Epson Printer Support Phone Number

    Epson has turn out to be a leading and familiar identify because it affords the great and large range of hardware and software program merchandise to

    the customers.The merchandise and services of Epson are very reliable, effective, lower priced and long-lasting due to the fact you can get the trendy

    technological know-how trip and upgraded versions for your personal use. It has the satisfactory range of laptops, desktops, printers, drivers, tough

    drives, pen drives, and many greater devices.All of them are reachable in market at very inexpensive expenditures and also Epson gives fantastic

    classification purchaser carrier thru Epson Printer Support Phone Number. But in a situation, customers face a lot of problems with Epson products and

    offerings and in such conditions, a purchaser can join with the experts.
    epson Printer Support

    epson Printer Support Number

    epson Printer Toll Free Number

    epson Printer Support Phone Number

    epons printer customer support number

    epson printer customer helpline number

    epson printer customer care number

    epson Printer Technical Support Number

    epson Printer Technical Support Phone Number

    epson Printer Technical Support

    epson Printer Tech Support Number

    epson Printer Tech Support

    epson Printer Helpline Number

    epson Printer Toll Free Number

    epson Printer Contact Number

    Let's Connect With Epson Printer

    ReplyDelete
  56. Hiii...Thanks for sharing Great info...Nice post...Keep move on...
    Angular JS Training in Hyderabad

    ReplyDelete
  57. Travel Blog was started with a vision of Travel Blogging back in 2016 . Earlier the blog was named Virtual Nerves .

    ReplyDelete
  58. roku.com/link this is simplest way to stream entertainment to your TV. On your terms. With thousands of available channels to choose from for more information. roku.com/link

    ReplyDelete
  59. Mcafee Activate has recognized to be an effective way of keeping up your devices and your data mcafee.com/activate safe from getting infected by any hackers and virus attackers

    ReplyDelete
  60. Install mcafee antivirus in your computer with high class professionals and best tech team. mcafee activate Just ring us and we are ready to assist you till the last minute of installation - mcafee.com/activate

    ReplyDelete
  61. mcafee antivirus is widely used antivirus helps to detect and neutralize computer virus, the mail worms,the trojan programs,and also helps your system free of virus and other malware is quite a daily challenge. for more details visit: www.mcafee.com/activate

    ReplyDelete
  62. Get Norton Setup via www.norton.com/setup and remove unwanted files and viruses. norton setup Get your PCs and phones protected while enhancing their performance.

    ReplyDelete
  63. norton.com/setup is a one-stop solution for fulfilling all your antivirus-related needs. norton.com/setup Visit this page to download and install Norton on your device.

    ReplyDelete
  64. Go to norton.com/setup, enter the product activation key, and download and install the Norton setup. Visit norton.com/setup to get protected.

    ReplyDelete
  65. Norton is the most reliable antivirus and we are giving you the full support to get norton setup it installed in your laptops and computers - norton.com/setup

    ReplyDelete
  66. The Official Norton Site for setup, download, reinstall is norton setup key where you norton.com/setup can enter and activate your product key to setup your account.

    ReplyDelete
  67. Here you can download latest version of Office the link says 2016 but the version is most updated just visit office setup

    ReplyDelete
  68. Office Setup at www.office.com/setup, setup is available for all platforms If you already have a office.com/setup Microsoft account then simply login into office.com/myaccount.

    ReplyDelete
  69. office.com/setup - Step by step guide for installing, downloading, and activating Office 2019, 365, 2016 and more. Visit office.com/setup for purchasing .

    ReplyDelete
  70. Microsoft Office is the best productivity suite for collaboration. Learn how to download, install, and activate www.office.com/setup MS Office Setup.

    ReplyDelete
  71. Accomplish more with OneDrive and Office 365 Create cleaned reports, open experiences, present with clearness, and work office.com/setup together continuously utilizing Office 365.

    ReplyDelete
  72. Make a account and complete things, have a ton of fun, and keep in contact. A free account gives you simple access to everything advanced. Sign in with our site to keep everything that you need in a state of harmony on your gadget. office.com/setup Get free access to Office Online, Outlook, Skype, OneNote, OneDrive and then some. Have a ton of fun.

    ReplyDelete
  73. Roku.com/link is the free official site to link, activate and set-up your Roku player or Roku TV. roku link Roku never charges for linking or set-up support.

    ReplyDelete
  74. Get Roku Activation code for roku.com/link activation. If Roku activation link roku.com/link code is not working then Activate your Roku with our professional experts.

    ReplyDelete

  75. Roku provides the simplest way to stream entertainment to your TV. roku.com/link On your terms. With thousands of available channels to choose from.

    ReplyDelete
  76. Roku gives the least troublesome way to deal with stream redirection to your TV. roku.com/link On your terms With countless channels to peruse.

    ReplyDelete
  77. office setup provide different and amazing sort of applications like Excel, PowerPoint, Word, Outlook etc.Get started with office setup at office setup with product key

    ReplyDelete
  78. Webroot Safe is the antivirus which gives total protection and 100% security. All the devices like PC's, Laptops, Mac, Ios, and Android Phones in which we use internet www.webroot.com/safe connection are safe with the use of Webroot Antivirus.

    ReplyDelete
  79. webroot.com/safe - is a keyword which is used to get installer file of webroot. webroot.com/safe simply click on wsainstaller file and run it webroot will be installed.

    ReplyDelete
  80. Step by Step guide how to download and install webroot antivirus via webroot.com/safe. for more information and Help visit: webroot safe

    ReplyDelete
  81. Activate your Mcafee antivirus by going through with install mcafee with activation code. Mcafee Antivirus helps the user protect your data from harmful malware.

    ReplyDelete
  82. office setup is the best software which is widely used in globe .It is a powerful service that helps you unleash your best ideas , get things done, and stay connected enter office 365 product key click here for details.

    ReplyDelete
  83. Get started with office setup at activate office 2016 product key. It provide ease of working and systematic arrangement of your worksheet.

    ReplyDelete
  84. Mcafee Antivirus helps the user protect your data from harmful malware.Activate your Mcafee antivirus by going through with mcafee activate 25 digit code

    ReplyDelete
  85. Norton antivirus protects your data and important information from getting lost and damaged. Get your norton antivirus installed in your PC today at norton 360

    ReplyDelete
  86. Norton Antivirus is the best internet security that protects your data and device from being lost and damaged. Get your Norton Products started today. Visit norton login

    ReplyDelete
  87. Norton Setup is easy to install and activate than that of any other internet security. norton security will here provide you easy and quick understanding about Norton.

    ReplyDelete
  88. norton antivirus can only work when it has been activated.To activate your Norton Setup, the user is required to Enter 25 digit Norton Product Key.

    ReplyDelete
  89. With norton install with product key user can get the best protection against harmful threats and viruses. Norton setup protects your data and keeps your information private secure.

    ReplyDelete
  90. webroot Antivirus is the best program to protect your device from any threat and virus. Get started with your Webroot Antivirus today at webroot activation key

    ReplyDelete
  91. Activate your Webroot Account by entering your Webroot Activation Code. Facing issues…visit webroot product key to get easy and quick steps to activate and install webroot with key code.

    ReplyDelete
  92. Protect all your data with Norton subscription. download norton with product key makes it easy for you to set up your Norton protection, check your security status, and extend your protection to other PCs, Macs, smartphones, and tablets.

    ReplyDelete
  93. To install Norton that you purchased from norton antivirus or from a retail store, you must create a Norton account or add the purchased product to the existing account.

    ReplyDelete
  94. Roku provides the simplest way to stream entertainment to your TV. On your terms. With thousands of available channels to choose from.
    roku activation

    ReplyDelete
  95. Activating Roku can be easier when user is using Roku Activation Code where all basic and advanced requirements are expalined in simple and effective way.

    ReplyDelete
  96. Mcafee Antivirus has recognized to be an effective way of keeping up your devices and your data safe from getting infected by any hackers and virus attackers. mcafee activate 25 digit code will help the user to get easy support.

    ReplyDelete
  97. Visit mcafee activate 25 digit code to activate mcafee security. Enter your product key code present on your McAfee retail card, login and get protected.

    ReplyDelete
  98. This comment has been removed by the author.

    ReplyDelete
  99. McAfee Antivirus is the most trusted and preferred software. To get the benefit of it the user id recommended to install mcafee with activation code to their device and activate McAfee for complete use of it.

    ReplyDelete
  100. Roku gives the least troublesome way to deal with stream redirection to your TV. roku activation code entry On your terms With countless channels to peruse.

    ReplyDelete
  101. Steps to Activate Avg retail enlistment Once you install AVG retail activation on your framework, you require to activate it as without activation it is extraordinary to get its feature. avg retail registration
    In this way, enact AVG antivirus by following given advances carefully.

    ReplyDelete

  102. After you buy Norton Antivirus visit norton install with product key
    sign in to norton account then enter norton product for Norton Setup or Install Norton Antivirus

    ReplyDelete
  103. nortoncom-norton.com download, establishment and enactment. install norton security setup with product key The web slanted world structures the need of an antivirus that can verify your data and besides ensure safe taking a gander at and what's more guaranteed trades over the web

    ReplyDelete
  104. This is least troublesome approach to manage stream activation to your TV. roku activation enter link code On your terms. Wit h an extensive number of accessible channels to research for more details.visit: today.

    ReplyDelete


  105. Roku.com/link - Steps to interface your Player to your TV. enter activation code roku Roku activate device is the easiest method to stream stimulation to your TV. visit for roku .

    ReplyDelete



  106. webroot.com/safe offer total security of sensitive files over the entirety of your gadgets that incorporate a wide range of IOS gadgets,
    webroot download with key code OS gadgets just as Android devices.

    ReplyDelete


  107. webroot cyber security is a ultimate internet security suite for complete protection against today's diverse range of threat on windows. key features are 100% secure secure shopping, 1 click virus scanning, install webroot with key code malicious website filtering, unblock antivirus.if you want to install it then visit our site:

    ReplyDelete



  108. Download norton antivirus to make your computer virus free with the best support and tech team. download norton with key code Feel free to contact us

    ReplyDelete
  109. To enact the Norton setup, select the Activate Now option at the base. To recharge the membership for Norton, select the Help choice and snap on Enter item key. Cautiously type the right Norton item key in the clear. norton setup with key Snap on the Next catch.Go through with for more details.

    ReplyDelete

  110. webroot is a light weighted software,install extreme digital security at webroot safe or at webroot safe introduce ,webroot download with key code best buy click here to download webroot safe.

    ReplyDelete

  111. Much obliged to you for picking Webroot web security. install webroot secureanywhere with key code You're nearly secured! Essentially complete the accompanying strides beneath to finish your introduce.

    ReplyDelete

  112. Webroot Antivirus Software Installation Requirements As we realize that Webroot is security programming and antivirus that give a webroot safe download high-class insurance to both individual and expert use.

    ReplyDelete

  113. It is all time best protective antivirus and anti-spyware .It is real time protection technology and it is safer , webroot antivirus activate faster and more complete than ever before.if want to install it then visit our site.

    ReplyDelete
  114. McAfee helps organizations orchestrate a truly integrated cyber environment that simultaneously protects, mcafee activate download and activate identifies and enhances security threats. For consumers, McAfee protects your device at home and abroad from viruses, malware and other threats.

    ReplyDelete



  115. A progressing Microsoft statement gives some comprehension of how the association designs the landing of new Office 365 ProPlus features. office setup product key Microsoft uses the equivalent "channels" language for MS Office 365 ProPlus incorporates revives as it does with Windows 10 feature invigorates.

    ReplyDelete



  116. Start Roku.com/link, go to account enter Roku com associate code appeared on Roku TV. roku activation enter link code My roku com link not working use new Roku code

    ReplyDelete


  117. office setup is the best software which is widely used in globe .It is a powerful service that helps you unleash your best ideas , office setup and enter 25 product key get things done, and stay connected on the go.for more details visit:

    ReplyDelete


  118. Webroot Safe is the antivirus which gives total protection and 100% security. All the devices like PC's, Laptops, Mac, webroot secureanywhere Ios, and Android Phones in which we use internet connection are safe with the use of Webroot Antivirus.

    ReplyDelete
  119. Roku provides the simplest way to stream entertainment to your TV roku link code . On your terms. With thousands of available channels to choose from.

    ReplyDelete
  120. Visit Roku.com/link roku link code to enter Roku activation code and activate your roku device on Tv.Contact for Support if facing any problem

    ReplyDelete
  121. Roku.com/link - visit roku link code link to activate Roku device and setup your Roku player by using roku activation code. Contact roku support for any queries.

    ReplyDelete
  122. Sign in to your Roku account roku link code . A Roku account gives you access to an amazing selection of movies, TV shows, music and more from the Roku Channel Store.

    ReplyDelete
  123. mcafee.com/activate - mcafee activation Shielding the computing devices against dangerous online threats, malware, phishing scams, Trojan horses and other infections.

    ReplyDelete
  124. Download and Activate your mcafee product via mcafee activation activate. If facing any issue read the blog and help yourself with the procedure.

    ReplyDelete
  125. Norton.com/Setup allows you to deploy your Norton setup effectively norton setup . Learn the basics to download, install and activate Norton Setup without any error.

    ReplyDelete
  126. Create an account or sign in at norton setup setup, redeem the product and download Norton setup. After installation, enter the product key for activation

    ReplyDelete
  127. setup & Activate roku.com/link roku link code Streaming device. Get exhaustive guidelines to Enter Roku Code in Roku account from the experts at roku link.

    ReplyDelete
  128. office.com/setup - Here you can download latest version of Office office setup the link says 2016 but the version is most updated just visit office setup.

    ReplyDelete
  129. McAfee.com/activate - Find the process for downloading mcafee activation , installing, and activation McAfee products on PC, Mac, Android, and iOS. To activate the product, visit mcafee activate.

    ReplyDelete
  130. Office setup with your product key. Get started: step 1. Go to office setup setup - Sign in, 2nd. Enter product key, and 3rd. Install Office 365 or Office 2019.

    ReplyDelete
  131. Office.com/setup helps the user to arrange data and files in a systematic manner office setup . Get started with office setup today and enjoy the amazing features of it.

    ReplyDelete
  132. The simpletest way to enjoy the large variety of streaming channels on your TV can be available at roku link code . Roku provide great and large variety of streaming channels and other features at its best.

    ReplyDelete
  133. To protect your device from being damaged and hacked mcafee activation , user is advised to use mcafee antivirus. Get started with mcafee today at mcafee.com/activate.

    ReplyDelete
  134. Roku gathers data from devices you use to get to our services roku link code , similar to your IP addresses, device identifiers, search and review history, and other use data.if you want more information about roku link click here.

    ReplyDelete
  135. Norton antivirus a family of client software norton setup , server software and services through this you can create professsional looking documents , charts , calculations, reports, and presentation in high speed and accuracy.if you want to install it then visit our site.

    ReplyDelete

  136. Office productivity that has been equipped with various advanced features like backstage view, improved ribbon of the Office, supports various file formats, Document co-authoring, and protected view that enables the documents to be more secure.

    office.com/setup

    ReplyDelete
  137. Thank you for providing such an awesome article and it is very useful blog for others to read.
    Javascript Training in Delhi
    Javascript Training institute in Delhi

    ReplyDelete