0

我想在 iOS 应用程序上尝试 processing.js，

我已经检查了 http://procoding.audiocommander.de/和 http://luckybite.com/iprocessing/上的项目

但他们都没有一个实际的工作示例，所以我去创建一个......

所以...我创建了一个项目并上传到 https://github.com/mako34/processing_iOS

我的理解是，我需要的只是 html5 画布和 js 的包装器，用于

处理-1.4.1.js

去工作？？

我的 index.html 在浏览器中运行良好，而不是在设备上！

我的画布可以很好地在这个测试模板上画一条线

我的 js 在这个测试模板上运行良好

但不适用于 iphone 实际网页视图，

那么让草图工作缺少什么？

多谢！

这是我的 index.html

<!doctype html>
<head>
    <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">

      <link rel="stylesheet" href="style.css">

      <script src="jquery-1.6.2.min.js"></script>
      <script defer src="script.js"></script>
      <script src="processing-1.4.1.js"></script>


</head>
<body id="body">
  <div id="container">

    <div id="main" role="main">
        <a href="/" class="js">jQuery Alert</a><br />
        <a href="objc://message">Objective-C Alert</a><br />
        <a href="objc://takePicture">Take a picture</a><br />
    </div><!-- #main -->

      <canvas data-processing-sources="example.pde" style="border: 1px solid black;"></canvas>

    <img id="testImage" src="iphonebattery.jpeg" />

      <canvas id="myCanvas" width="320" height="200"></canvas>
      <script>
          var canvas = document.getElementById('myCanvas');
          var context = canvas.getContext('2d');

          context.beginPath();
          context.moveTo(100, 150);
          context.lineTo(450, 50);
          context.stroke();
          </script>

  </div><!-- #container -->
</body>
</html>
4

1 回答 1

2

首先——你不想有两个画布标签。我建议查看实际的 ProcessingJS 网站以获得更好的实施： http: //processingjs.org/

我有一些关于设置处理以编译到 iOS 和准备你的 iDevice 的教程： http: //ericmedine.com/processing-for-ios/

希望这可以帮助！

于 2013-06-11T01:25:07.590 回答