Une image de fonds dans un canvas

Bzhorace

31 Dec 2016 à 18:25

Bonsoir à tous.
Et d'abord, tous mes voeux à chacun pour cette année qui va s'ouvrir ! Je vous souhaite une longue suite de ligne de code qui fonctionne !
Mais là n'est pas le problème.
J'utilise un bout de code récupéré, qui fonctionne tout à fait convenablement. Mais j'aimerai avoir une image de fonds dans le canvas, et je ne sais comment faire.


<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Mouiller l'ancre</title>
<meta name="keywords" content="Attalens, camping, caravanning, magouille"/>
<meta name="viewport" content="width = 1050, user-scalable = no" />
<script type="text/javascript" src="../extras/jquery.min.1.7.js"></script>
<script type="text/javascript" src="../extras/modernizr.2.5.3.min.js"></script>
<script type="text/javascript" src="../lib/hash.js"></script>

</head>
<html>
<body>

<div id="canvas" >

<p style="font-family:Comic Sans MS; font-size:16px;"><a href="../magouille.html">Retour au menu</a>
</p>

<div class="zoom-icon zoom-icon-in">
</div>


<div class="magazine-viewport">
	<div class="container">
		<div class="magazine">
			<!--Next button -->
			<div ignore="1" class="next-button">
			</div> 
			<!-- Previous button -->
			 <div ignore="1" class="previous-button">
			 </div> 
		</div>
	</div>



</div>
</div>

J'ai essayé de mettre dans la div id=canvas quelque chose qui ressemble à ça :
style="background: url(bois.jpg) no-repeat center center;
mais je n'ai pas l'affichage de l'image !
L'image existe bien, et elle est au bon endroit.
Qui a une idée ?
Merci d'avance.
Cordialement
Horace

JavaScript, DOM et API Web HTML5

Une image de fonds dans un canvas