我想将画布添加到我的 Worklight 项目中。
我从本教程中学习了如何创建画布:http ://dev.opera.com/articles/view/html5-canvas-painting/
我尝试将标记和 JavaScript 添加到我的项目中,它没有显示错误,但是当我构建并运行到我的设备时,它说:
找不到画布元素
这是我添加到我的项目中的代码。
<div data-role="page" id="thiscanvas">
<div data-position="fixed" data-role="header" id="header">
<h3>Drawing<br>On Canvas</h3>
</div>
<div data-role="content" style="padding: 15px; background: url(images/bgold.png) repeat-x center;max-height:100%;">
<table>
<tbody>
<tr>
<td><p><label>Drawing tool</label></p></td>
<td><p><label>:</label></p></td>
<td><p><select id="dtool">
<option value="rect">Rectangle</option>
<option value="pencil">Pencil</option>
</select></p></td>
</tr>
<tr>
<td><p><label>Color tool</label></p></td>
<td><p><label>:</label></p></td>
<td><p><select id="ctool">
<option value="#000000">Black</option>
<option value="#0000ff">Blue</option>
<option value="#00ff00">Green</option>
<option value="#ff0000">Red</option>
</select></p></td>
</tr>
</tbody>
</table>
<p>Try to draw on canvas.</p>
<div id="container" >
<canvas id="imageView" width="400" height="300" style="background: url(images/motif-batik-indonesia-solo.gif);">
Sorry your browser didn't support.
Supported browsers: <a href="http://www.opera.com">Opera</a>, <a
href="http://www.mozilla.com">Firefox</a>, <a
href="http://www.apple.com/safari">Safari</a>, and <a
href="http://www.konqueror.org">Konqueror</a>.
</canvas>
</div>
</div>
<div data-role="footer" class="footer-docs" data-theme="c">
<p>Copyright 2013, Fastfoura</p>
</div>