Uncaught TypeError：文字列 'c'に 'style'プロパティを作成できません

Question

なぜこのようなことが起こっているのかわかりません。すべてのチュートリアルは、あなたがまだvar canvas = new fabric.Canvas('c')と、それはエラーを私に戻って吐くたびにfabric.jsを使用し始めることを示しているように見える：

fabric.min.js:2 Uncaught TypeError: Cannot create property 'style' on string 'c'

var canvas = new fabric.Canvas('c');

html, 
 
body { 
 
    color: cyan; 
 
    font-family: 'Raleway', sans-serif; 
 
    font-weight: 100; 
 
    height: 100vh; 
 
    margin: 0; 
 
    background-image: url("images/bg.png"); 
 
    background-size: cover; 
 
} 
 

 
.full-height { 
 
    height: 100vh; 
 
} 
 

 
canvas { 
 
    border: 1px solid #ccc; 
 
}

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
<title>Canvas Tests</title> 
 

 
<!-- Fonts --> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.17/fabric.min.js"></script> 
 
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css"> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js" type="text/javascript"></script> 
 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 
 

 
<div class="row"> 
 
    <div class="col m10"> 
 
    <canvas id="c" width="300" height="300"></canvas> 
 
    </div> 
 
    <div class="col m2"> 
 

 
    </div> 
 
</div>

Answer 1

は$（ドキュメント）.ready（内、あなたのコードです）domがロードされるのを待ってcが存在するのを待ちますか？それがあれば、呼び出し元のJSをすべて共有します。 - Alex K