瀏覽器有一個點坐標,怎么重新寫入網頁里
瀏覽器有一個點坐標,怎么重新寫入網頁里
1、使用innerHTML方法將點的坐標寫入一個div元素中:varpoint={x:100,y:200},vardiv=document.getElementById("myDiv"),div.innerHTML="點的坐標為:"+point.x+","+point.y。2、使用canvas元素繪制點:varpoint={x:100,y:200},varcanvas=document.getElementById("myCanvas"),varctx=canvas.getContext("2d"),ctx.beginPath(),ctx.fillStyle="red",ctx.arc(point.x,point.y,5,0,Math.PI*2,true)。ctx.fill()。
導讀1、使用innerHTML方法將點的坐標寫入一個div元素中:varpoint={x:100,y:200},vardiv=document.getElementById("myDiv"),div.innerHTML="點的坐標為:"+point.x+","+point.y。2、使用canvas元素繪制點:varpoint={x:100,y:200},varcanvas=document.getElementById("myCanvas"),varctx=canvas.getContext("2d"),ctx.beginPath(),ctx.fillStyle="red",ctx.arc(point.x,point.y,5,0,Math.PI*2,true)。ctx.fill()。
![](https://img.51dongshi.com/20241204/wz/18216548552.jpg)
瀏覽器有一個點坐標,重新寫入網頁里步驟如下:1、使用innerHTML方法將點的坐標寫入一個div元素中:varpoint={x:100,y:200},vardiv=document.getElementById("myDiv"),div.innerHTML="點的坐標為:"+point.x+","+point.y。2、使用canvas元素繪制點:varpoint={x:100,y:200},varcanvas=document.getElementById("myCanvas"),varctx=canvas.getContext("2d"),ctx.beginPath(),ctx.fillStyle="red",ctx.arc(point.x,point.y,5,0,Math.PI*2,true)。ctx.fill()。
瀏覽器有一個點坐標,怎么重新寫入網頁里
1、使用innerHTML方法將點的坐標寫入一個div元素中:varpoint={x:100,y:200},vardiv=document.getElementById("myDiv"),div.innerHTML="點的坐標為:"+point.x+","+point.y。2、使用canvas元素繪制點:varpoint={x:100,y:200},varcanvas=document.getElementById("myCanvas"),varctx=canvas.getContext("2d"),ctx.beginPath(),ctx.fillStyle="red",ctx.arc(point.x,point.y,5,0,Math.PI*2,true)。ctx.fill()。
為你推薦