Flex 绘制跟随鼠标移动的十字交叉线
开发环境:flex3.2
如图:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
- <mx:Script>
- <![CDATA[
- import mx.controls.*;
- import mx.core.*;
- import mx.effects.*;
- import mx.effects.Move;
- private var sprite:Sprite=new Sprite();
- private function onMouseMoveHandleByMyChartCanvas(e : MouseEvent) : void {
- var cmouseX:Number=myChartCanvas.mouseX;
- var cmouseY:Number=myChartCanvas.mouseY;
- var lineWidth:uint=1;
- var ccolor:uint=0xC0C0C0;
- sprite.graphics.clear(); //清空绘制的所有线条
- sprite.graphics.lineStyle(lineWidth,ccolor); //设置线条的宽度和颜色
- //1.绘制左侧边缘到 鼠标当前点-2像素的线条
- sprite.graphics.moveTo(cmouseX-2, cmouseY);
- sprite.graphics.lineTo(0,cmouseY);
- //2.绘制 鼠标当前点-2像素到顶端的线条
- sprite.graphics.moveTo(cmouseX, cmouseY-2);
- sprite.graphics.lineTo(cmouseX,0);
- //3.绘制 鼠标当前点+2像素到右侧边缘的线条
- sprite.graphics.moveTo(cmouseX+2, cmouseY);
- sprite.graphics.lineTo(myChartCanvas.width,cmouseY);
- //4.绘制 鼠标当前点+2像素到底端边缘的线条
- sprite.graphics.moveTo(cmouseX, cmouseY+2);
- sprite.graphics.lineTo(cmouseX,myChartCanvas.height);
- var uic:UIComponent = new UIComponent();
- uic.addChild(sprite);
- myChartCanvas.addChild(uic);
- }
- ]]>
- </mx:Script>
- <mx:VBox width="100%" height="100%">
- <mx:Canvas width="100%" height="315" id="myChartCanvas" mouseMove="onMouseMoveHandleByMyChartCanvas(event)" backgroundColor="#006699">
- <mx:Button click="Alert.show('测试按钮事件不会被覆盖');" label="测试按钮事件不会被覆盖"/>
- </mx:Canvas>
- <mx:Button click="Alert.show('ooo');" label="ooo"/>
- </mx:VBox>
- </mx:Application>
转载于:https://blog.51cto.com/programmer/1117844
Flex 绘制跟随鼠标移动的十字交叉线相关推荐
- c# 窗体控件上绘制跟随鼠标的十字线
一.技术路线 (1)以自定义大小的image为画布,绘制窗体控件显示的主题内容 public Image img=new Bitmap(250,250); //定义img Graphics gr ...
- canvas 绘制跟随鼠标移动的线条
坦克大作战游戏中常见,点击某点,坦克的枪口会自动对准被点击的点! window.onload = function() {var canvas = document.getElementById(&q ...
- qt跟随鼠标动态绘制_qt 画多边形(实现鼠标拖动节点)
---恢复内容开始--- 2018-01-06 这个小例子实现了移动鼠标,鼠标的坐标信息跟随鼠标移动,多边形的实现,鼠标点击可以拖动多边形点的位置,(其中有个问题?我在QMainWindow下,用mo ...
- python飞机大战跟随鼠标移动_用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动...
# -*- coding: utf8 -*- background_image_filename = 'background.png' mouse_image_filename = 'hero.png ...
- canvas实现粒子跟随鼠标动画
canvas实现粒子跟随鼠标动画 canvas是前端绘制图形的好帮手,不少大牛的博客也会精心的用canvas绘制炫酷的背景.图形与可视化界面就是前端最好的名片,泡妞之前尚且知道要梳个靓头精心打扮,而c ...
- 网站动态背景线条跟随鼠标移动,吸附鼠标效果
网站动态背景线条跟随鼠标移动,吸附鼠标效果 动态背景线条,鼠标移动可以吸附,可以添加配置,代码如下: <!DOCTYPE html> <html lang="en" ...
- 圆点自动跟随鼠标移动
<canvas>绘制思路:在画布上绘制一个圆点,在移动鼠标时用背景图覆盖上一次的图片,然后再在这张背景图上绘制一个原点,利用定时器每隔10ms进行一次刷新<!doctype html ...
- 跟随鼠标移动的星星✩代码解释✩✩✩
效果: 前言: 上期发的 跟随鼠标移动的星星✩直接在页面引用✧✧✧ 文章中有位粉丝说想看的代码的讲解 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄,所以我这篇文章详细说说这个效果该怎么实现~ 实现: 1. 获取 ...
- 彩色圆点气泡跟随 鼠标光标动画特效
彩色圆点气泡跟随 鼠标光标动画特效 效果图如下: 泡泡会根据鼠标的移动在鼠标下方会生成泡泡 然后缓缓上升. 可以父子以下代码看一下实际效果. 1.下面是HTML结构 HTML结构很简单,主要是靠css ...
最新文章
- 熵增学院-Anders-剑走偏锋,了解Spring Boot内部Servlet容器
- 使用 IntelliJ IDEA 查看类图,内容极度舒适
- 什么是回调地狱以及promise的链式调用和aysnc/await
- (五)C语言之二维数组
- 理论基础 —— 排序 —— 桶排序
- oracle创建一个学生,oracle 创建学生选课视图
- android全方位性能优化方法
- html label 两端对齐,如果实现表单的label文字两端对齐
- 性能测试的那些事儿!
- 教你怎样做项目开发总结报告[转]
- 计算机软件英文参考文献,软件工程英文参考文献(优秀范文105个)
- MapInfo mif/mid文件说明
- 公众号添加百度网盘链接
- python快速处理excel表格-python 处理 Excel 表格
- Html中的span与a的区别,a标签和span标签的区别
- SWT的MessageBox对话框
- 貝塞爾 Layer 入門指南
- docker重启 容器自动重启
- 如何在信号中添加指定信噪比的高斯白噪声,为何深度学习去噪研究采用高斯白噪声?
- cgb2110-day05