Question

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

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

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

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

我的理解是，我需要的只是html5 canvas和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>

Answer 1

首先关闭 - 您不希望有两个画布标签。我建议您查看实际的ProcessingJS网站，以便更好地实施：http://processingjs.org/

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

希望这有帮助！

ios processing.js准系统模板

1 个答案: