There is no way to set the image size that you assign to an element’s pseudo like ::before. But do not fret. There is a workaround.

User David Vasquez of StackOverflow provided a solution for this. See sample CSS.

User Jarrod from the StackOverflow forum posted a very useful function to change the color of the image drawn in an HTML Canvas.

I modified his function to take into account where the image’s current position is in the Canvas.

The answer is … you can’t! Well, generally speaking, that is.

Here are the reasons why:

  1. First things first, for security reasons, you cannot even simulate running the context menu’s Copy Image command.
  2. In Internet Explorer, you can copy a portion or all of the Canvas to an Image using document.body.createControlRange.
  3. In some later versions of Firefox, the ClipboardEvent lets you do copy an Image to clipboard.
  4. In Chrome, there is no way to do so except for some workaround using a littler helper called Flash.
  5. Then again, Flash won’t work in Safari browser.

With these findings, to provide the same consistency across browsers, it is best not to add this feature to your web application for consistency reasons which can bring confusion to some users who are not technically inclined why they will be forced to use certain browsers that only this feature works.

Related Posts Plugin for WordPress, Blogger...