2015-04-17 12 views
6

Ich habe eine Leinwand auf die@RenderBody() mit Leinwand

_Layout.cshtml geladen Wenn ich von der Seite Index zu finden, um über oder Kontakt, die <canvas> zeigt aber der Inhalt der Seite fehlt.

Index Seite wird geladen div unter <body> Tag aber About Seite fehlt Inhalt.

Ich nehme an, @RenderBody ist nicht in der entsprechenden Z-Index oder zeigt nicht auf <canvas> wie meine Index-Seite tut.

<canvas id="bgCanvas"></canvas> 
<script src="~/Scripts/starLayout.js"></script> 

<div class="container body-content"> 
    @RenderBody() 
    <hr /> 

    <footer> 
     <p>&copy; @DateTime.Now</p> 
    </footer> 
</div> 

edit2:

unter Ansicht Quelle zeigt es

<canvas id="bgCanvas"></canvas> 
    <script src="/Scripts/starLayout.js"></script> 

    <div class="container body-content"> 


<h2>About.</h2> 
<h3>Your application description page.</h3> 
<div> 
    <p>Use this area to provide additional information.</p> 
</div> 
     <hr /> 


     <footer> 
      <p>&copy; 4/17/2015 11:33:17 AM - JTR</p> 
     </footer> 
    </div> 

Jedoch habe ich noch nicht den Inhalt sehen kann, so dass es unter der Leinwand ist, glaube ich. Was ist komisch, da es oben auf der Leinwand auf index.cshtml

+0

Was macht 'starLayout.js'? Vielleicht bricht es das Rendern der Seite. Außerdem sieht '_Layout.cshtml' nicht wie ein vollständiges HTML-Dokument aus. – Jacob

+0

Sorry, mir ist nicht ganz klar. Willst du damit sagen, dass '@RenderBody()' Inhalte injiziert, aber nicht den Inhalt, den du erwartest, oder ist der Inhalt nicht da? Wenn du sagst "der Seiteninhalt fehlt" meinst du, dass es nicht im DOM ist (nicht da, wenn du die Quelle ansiehst) oder dass es nicht _visible_ ist? – Jacob

+1

Oh guter Punkt. Wenn ich die Quelle anschaue, ist sie dort nur nicht sichtbar. – teachtyler

Antwort

0

ist Hier ist Ihre Antwort: w3c canvas. In Kürze müssen Sie die Eigenschaften width und height für das canvas-Element angeben.

Und vergessen Sie nicht, die * .js-Datei/den Code zu platzieren, der für das "Zeichnen" nach dem Canvas-Element verantwortlich ist.

Können Sie css-Code zur Verfügung stellen, also werde ich bee sein, diese Antwort zu bearbeiten, um genauer zu sein?

Verwandte Themen