User Tools

Site Tools


en:tutorial:tutorial01

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision Both sides next revision
en:tutorial:tutorial01 [2016/08/31 10:37]
Nicolas Ronvel
en:tutorial:tutorial01 [2016/08/31 12:19]
Nicolas Ronvel [A Background and a Name]
Line 49: Line 49:
 Right now, our card is a big red rectangle. That's because our ''​canvasFields''​ section is empty. Using FabricJS (and its [[http://​fabricjs.com/​kitchensink|kitchensink]]),​ we could build the items of the card : stars, boxes, ... But that will be for another card and another tutorial. Right now, our card is a big red rectangle. That's because our ''​canvasFields''​ section is empty. Using FabricJS (and its [[http://​fabricjs.com/​kitchensink|kitchensink]]),​ we could build the items of the card : stars, boxes, ... But that will be for another card and another tutorial.
  
-Instead, I've got a card background set in a JPG file. We'll set it as the background of our card. Here'​s ​[[:​en:​tutorial:​01_blankcard.jpg|the image file]] we'll use. +Instead, I've got a card background set in a JPG file. We'll set it as the background of our card. Here'​s ​{{:​en:​tutorial:​01_blankcard.jpg?linkonly|the image file}} we'll use. 
  
 If the file was hosted on a Web Server, we could use its URL to use it. The '​src'​ property of the related image field on the canvas (canvas is where the card is drawn) will look like this :  If the file was hosted on a Web Server, we could use its URL to use it. The '​src'​ property of the related image field on the canvas (canvas is where the card is drawn) will look like this : 
en/tutorial/tutorial01.txt · Last modified: 2018/06/06 10:07 by Nicolas Ronvel