イメージsrcをキャンバスに動的に割り当てます

Question

データベースループから取得したイメージソースにphp変数を初期化しようとしています。これは

/** 
* START 
*/ 
var img = document.createElement('img'); 
img.onload = function() { 
    iw = 500; 
    ih = 500; 
    canvas.width = (iw/2 - 1.5)|0; //compensate for rounding errors 
    canvas.height = (ih/2 - 1.5)|0; 
    doCanvas(); 
    canvas.addEventListener('mouseout', doCanvas, false); 
    canvas.addEventListener('mousemove', move, false); 
} 
img.src = "<?php echo imgSrc ?>";//retrieve the assigned variable here in the javascript assignment 


</script> 

これは少し混乱に見える私は

<?php foreach($load_preview as $item): ?> 
    <div class="store-item"> 
     <?php var imgSrc = base_url()."thumbs/".$item["filename"]; ?>//having syntaxt error at this line 
      <a href="<?php echo site_url()."/"."accessories/preview/".$item["id"];?>"> 
       <canvas width="450" height="450" id="canvas">Sorry, no canvas available</canvas>  
      </a>  
     </div> 
    <?php endforeach; ?> 

は、私が示すように、ズームのためのキャンバスを描画するJavaScriptコードのコードに上記の再割り当てていますことを行うために使用していたコードのスニペットです私に。誰かが

Answer 1

を支援してくださいすることができます。この行は間違っている：

<?php var imgSrc = base_url()."thumbs/".$item["filename"]; ?> 

それはおそらく、このようにする必要があります：PHPの変数で

var imgSrc = '<?php echo base_url()."thumbs/".$item["filename"]; ?>';