我的网页加载了 2 个东西,一个图像和一个画布。
当页面加载网页加载图片。如果我单击某处,页面会加载画布。
现在我想如果我点击图片会发生一些事情但是怎么能说 onclick -> 当图片被点击时。
我想我可以在我的照片中使用 ID。但是在创建图片时如何在 javascript 中给出 iD 呢?
<script type="text/javascript">
function start() {
var vierkant = document.getElementById("Vierkant");
initWebGL(vierkant); // Initialize the GL context
// Only continue if WebGL is available and working
if (gl) {
gl.clearColor(0.0, 0.0, 5.0, 1.0); // Set clear color to black, fully opaque
gl.enable(gl.DEPTH_TEST); // Enable depth testing
gl.depthFunc(gl.LEQUAL); // Near things obscure far things
gl.clear(gl.COLOR_BUFFER_BIT|gl.DEPTH_BUFFER_BIT); // Clear the color as well as the depth buffer.
}
}
function startImage()
{
var img = document.createElement("img");
img.src = "Bus_Stop_2.png";
document.body.appendChild( img );
img.
}
function initWebGL(vierkant) {
// Initialize the global variable gl to null.
gl = null;
try {
// Try to grab the standard context. If it fails, fallback to experimental.
gl = vierkant.getContext("webgl") || vierkant.getContext("experimental-webgl");
}
catch(e) {}
// If we don't have a GL context, give up now
if (!gl) {
alert("Unable to initialize your 'Vierkant'.");
}
}
</script>
<body onclick="start()" onload="startImage()">
<canvas id="Vierkant" width="640" height="480">
Your browser doesn't appear to support the HTML5 <code><canvas></code> element.
</canvas>
</body>