获取目标三位坐标后怎么用红点显示出来

获取目标三位坐标后怎么用红点显示出来,第1张

首先,你需要使用一个画布,来创建画红点的环境。然后,你可以使用canvas上drawPoint方法,传入你获取的目标三位坐标,来画出一个红点。比如,你可以使用canvas的ctxfillStyle = "red"来设置红色,然后用ctxfillRect(x, y, 1, 1)来画出一个红色的点,x和y分别代表你获取的目标三位坐标中的横纵坐标。最后,你可以使用ctxfill()来使画出来的红点显示出来,即可完成用红点显示出目标三位坐标的任务。

import javaawt;

import javaxswingJFrame;

import javaxswingJLabel;

import javaxswingSwingConstants;

import javaxswingWindowConstants;

import javaxswingborder;

public class jframe {

/

@param args

/

public void CreateJFrame(String title) {

JFrame jf = new JFrame(title);

Container container = jfgetContentPane();

JLabel jl = new JLabel("");

jlsetHorizontalAlignment(SwingConstantsCENTER);

containeradd(jl);

containersetBackground(Colorwhite);

jfsetVisible(true);

jfsetSize(200, 150);

jfsetDefaultCloseOperation(WindowConstantsEXIT_ON_CLOSE);

};

思路是这样的,把绘制的每个区域抽象成单独的对象,每个对象中可以储存各自的信息(比如title, content, position等),每个对象中都包含各自的判断点是否在当前对象区域内的判断函数,这样就可以知道点到了哪个对象,也可以拿到对象内的数据, 触发相应的事件。

<div id=cd>

<canvas width="300" height="300" style="border:1px solid #c3c3c3;"></canvas>

</div>

<scripr>

var pp=documentgetElementById("cd");

pponclick=function(e){

e=e||event;

var x=eclientX-ppoffsetLeft;//获取点击后x的坐标

var y=eclientY-ppoffsetTop;//获取点击后y的坐标

alert(x);

alert(y);

}

</scripr>

思路:当点击到上,获取鼠标位置,计算出鼠标X,Y轴分别与左边和上边的距离,移动鼠标的时候,让这个距离不变,就可以了。

function drag(obj) {

var oM = documentgetElementById(obj);

oMonmousedown = function (ev) {

var oEvent = ev || event;

var ol = oEventclientX - oMoffsetLeft;

var ot = oEventclientY - oMoffsetTop;

documentonmousemove = function (ev) {

var oEvent = ev || event;

oMstyleleft = oEventclientX - ol + 'px';

oMstyletop = oEventclientY - ot + 'px';

return false;

}

documentonmouseup = function () {

documentonmousemove = null;

documentonmouseup = null;

}

}

}

以上就是关于获取目标三位坐标后怎么用红点显示出来全部的内容,包括:获取目标三位坐标后怎么用红点显示出来、wpf 如何获取canvas中的正方形的各个点的坐标、pc端 如何获取canvas文本中心点坐标等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9469276.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存