gpt4 book ai didi

javascript - 处理 JS svg 加载 - Google Appengine

转载 作者:行者123 更新时间:2023-11-28 08:20:36 25 4
gpt4 key购买 nike

我有一个问题。我想在 Google appengine 云上使用我的处理代码。我使用 Visa @psj 预加载标记异步加载 svg 文件,并且将 map1.svg 与 .pde 文件位于同一目录中,因此我只想显示 PShape,但它没有显示。我有以下处理代码:

已编辑,请参见下文!

我将所有文件(.pde、处理库、geoloc.js)和 map1.svg 都放在同一文件夹 ../static/processing/中。

有人设法在应用程序引擎上获取处理文件,其中脚本使用 loadImage() 或 loadShape() 吗?顺便说一句,geoloc.js 库正在工作,如果我不使用 loadShape 函数,处理代码也可以工作,所以我怀疑 map1.svg 的路径不正确?

编辑!!!!!!!!!

好吧,现在我已经尽可能多地删除了文件,并且 map 仍然没有显示在应用程序引擎上,如果我在桌面上打开它,.html 就可以工作,所以我仍然怀疑它与在处理代码中加载map1.svg 文件。我必须指出,处理.pde源发现它只是未显示的 map !

这是我经过处理的处理代码:

再次编辑!现在正在运行...路径应该更具体 - 相对!

/* @pjs preload="../static/processing/map1.svg"; */

PShape worldMap;

void setup ()
{
size(500, 500);
worldMap = loadShape("../static/processing/map1.svg");
}

void draw ()
{
shape(worldMap, 0, 0, 500, 500);

}

和 HTML:

<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>hiToYouToo : Built with Processing and Processing.js</title>
<meta name="Generator" content="Processing" />
<!--[if lt IE 9]>
<script type="text/javascript">alert("Your browser does not support the canvas tag.");</script>
<![endif]-->
<script src="../static/processing/processing.js" type="text/javascript"></script>
<script type="text/javascript">
// convenience function to get the id attribute of generated sketch html element
function getProcessingSketchId () { return 'hiToYouToo'; }
</script>
</head>
<body>
<div id="content">
<div>
<canvas id="hiToYouToo" data-processing-sources="../static/processing/hiToYouToo.pde"
width="500" height="500">
<p>Your browser does not support the canvas tag.</p>
<!-- Note: you can put any alternative content here. -->
</canvas>
<noscript>
<p>JavaScript is required to view the contents of this page.</p>
</noscript>
</div>
</div>
</body>

最佳答案

好吧,只是正式回答自己,所以任何寻找此问题的人都会很快找到答案。

这是应用程序引擎上的处理代码:

/* @pjs preload="../static/processing/map1.svg"; */

PShape worldMap;

void setup ()
{
size(500, 500);
worldMap = loadShape("../static/processing/map1.svg");
}

void draw ()
{
shape(worldMap, 0, 0, 500, 500);

}

和 HTML:

<!DOCTYPE html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>hiToYouToo : Built with Processing and Processing.js</title>
<meta name="Generator" content="Processing" />
<!--[if lt IE 9]>
<script type="text/javascript">alert("Your browser does not support the canvas tag.");</script>
<![endif]-->
<script src="../static/processing/processing.js" type="text/javascript"></script>
<script type="text/javascript">
// convenience function to get the id attribute of generated sketch html element
function getProcessingSketchId () { return 'hiToYouToo'; }
</script>
</head>
<body>
<div id="content">
<div>
<canvas id="hiToYouToo" data-processing-sources="../static/processing/hiToYouToo.pde"
width="500" height="500">
<p>Your browser does not support the canvas tag.</p>
<!-- Note: you can put any alternative content here. -->
</canvas>
<noscript>
<p>JavaScript is required to view the contents of this page.</p>
</noscript>
</div>
</div>
</body>

关于javascript - 处理 JS svg 加载 - Google Appengine,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23021309/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com