javascript - コードをアップロードすると CodePen または JsFiddle では動作しませんが、ブラウザでは正常に動作します。誰か私を助けてくれませんか？

Question

私はcodePenが初めてです。私はおそらくばかげた間違いをしているのですが、どなたか指摘していただけないでしょうか？

function initialDraw(e) { var surfaceContext = surface.getContext('2d'); surfaceContext.drawImage(wheel, 0, 0); }

score 0 · Accepted Answer

Dropbox は生の js ファイルを提供するのではなく、javacript を表示する html ドキュメントを提供します。これはブラウザによって正当に間違っていると見なされ、したがって使用できません。

CodePen ページをロードするときの Firefox コンソールからの出力:

SyntaxError: 期待される式、'<' winwheel_1.2.js:1:0 を取得しました

Dropbox ファイルの開始:

<!DOCTYPE html>

サイドノート

あなたのJavaScriptには、このパターンの出現が含まれています：

var wheelImageName = url("http://i60.tinypic.com/t9f7s1.png");

これは、関数として解釈されるだけでなく、タグのsrc属性のデータ形式が正しくないために失敗します。img

固定コード:

var wheelImageName = "http://i60.tinypic.com/t9f7s1.png";