ChrisLo.ca
  • Gadgets
    Angular i18n JSON File Translator DeepL Translator Browser Extension/Add-on Lotto Max and Lotto 6/49 EV Calculator
  • RSS
  • Bio
  • My Work
Skip to content

Tag:

image

Using the background function of Processing.js with images

Posted on February 1, 2012Categories DevLeave a comment on Using the background function of Processing.js with images

“Background image must be the same dimensions as the canvas.”

In case you are looking for a workaround for Processing.js background function that forces you to scale your background image, try this trick to make your browser do the scaling for you.

Set the CSS background for the canvas element to your image, and use “cover” or R… Read more

Tags alphabackgroundbackground-sizecanvascontaincoverCSS3html5imagejavascriptopacityprocessingprocessing.js
A technologist’s world view from first principles

(subscribe)

Trending

  • Expected Value Calculator for Lotto Max and Lotto 6/49
  • DeepL Translator Browser Extension/Add-on (en)
  • 3 ways of increasing your chances of winning in Lotto 6/49 and Lotto Max

Recent Posts

  • DeepL Translator Browser Extension/Add-on (en) November 29, 2020
  • Ionic 5 + React: positioning a popover relative to the clicked element August 4, 2020
  • Ionic 5: animated collapsible searchbar using only SCSS July 2, 2020

Recent Comments

  • Chris on DeepL Translator Browser Extension/Add-on (en)
  • Chris on DeepL Translator Browser Extension/Add-on (en)
  • Chris on DeepL Translator Browser Extension/Add-on (en)
  • Toprak on DeepL Translator Browser Extension/Add-on (en)
  • Dev
  • Images
  • Technology
  • Games
  • Math
  • Algorithms
  • Psychology
  • My Work
  • Politics
  • Economics
  • Lifestyle
  • News