If you look at my post history, you will realize that preventing websites from being ripped has been a goal of mine lately.

Recently, I came across a game developed within the browser using Canvas and I was blown away by its graphics.

Now will it be feasible to render an entire website inside a canvas? If this is achievable, will this effectively make web page copying a thing of the past?

  • 3
    How does rendering in a canvas make copying harder? – Scovetta Mar 24 '17 at 2:15
  • @Scovetta The contents of the canvas is not easily retrievable. – Sparrowcide Mar 24 '17 at 5:39
  • 2
    @Sparrowcide but the code that draws to the canvas is just as easily copied as a web page, because it's just JavaScript. – cloudfeet Mar 24 '17 at 11:07
  • 2
    If you can read it, you can copy it. You can make the copying harder but you can never prevent it. What "copy protection" attempts will achieve, however, is more trouble for legitimate users. – S.L. Barth Mar 24 '17 at 11:24
  • 1
    Your quest is futile. You can't put information on the internet without people being able to copy it. That's just how the internet works. The only effective measure against people stealing your content is to get a lawyer specialized in copyright and sue the pants off of everyone who steals your content. – Philipp Mar 24 '17 at 11:45

First of all: you should not do this. It will:

  • kill accessibility - e.g. screenreaders
  • reduce responsiveness and require more CPU - particularly bad for mobile users
  • require extra bandwidth (you'll need to load your own rendering code instead of using the browser's) - again, worse for mobile
  • make it harder to adapt to screen-sizes (and high-res displays such as Retina), which will make your site look worse.

However, even if you wanted to (which you shouldn't), I don't believe it would protect you. The code that is used to draw to the Canvas is still just as copyable as a plain website itself.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.