开发环境:flex3.2
如图:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
  3. <mx:Script>
  4. <![CDATA[
  5. import mx.controls.*;
  6. import mx.core.*;
  7. import mx.effects.*;
  8. import mx.effects.Move;
  9. private var sprite:Sprite=new Sprite();
  10. private function onMouseMoveHandleByMyChartCanvas(e : MouseEvent) : void {
  11. var cmouseX:Number=myChartCanvas.mouseX;
  12. var cmouseY:Number=myChartCanvas.mouseY;
  13. var lineWidth:uint=1;
  14. var ccolor:uint=0xC0C0C0;
  15. sprite.graphics.clear(); //清空绘制的所有线条
  16. sprite.graphics.lineStyle(lineWidth,ccolor); //设置线条的宽度和颜色
  17. //1.绘制左侧边缘到 鼠标当前点-2像素的线条
  18. sprite.graphics.moveTo(cmouseX-2, cmouseY);
  19. sprite.graphics.lineTo(0,cmouseY);
  20. //2.绘制 鼠标当前点-2像素到顶端的线条
  21. sprite.graphics.moveTo(cmouseX, cmouseY-2);
  22. sprite.graphics.lineTo(cmouseX,0);
  23. //3.绘制 鼠标当前点+2像素到右侧边缘的线条
  24. sprite.graphics.moveTo(cmouseX+2, cmouseY);
  25. sprite.graphics.lineTo(myChartCanvas.width,cmouseY);
  26. //4.绘制 鼠标当前点+2像素到底端边缘的线条
  27. sprite.graphics.moveTo(cmouseX, cmouseY+2);
  28. sprite.graphics.lineTo(cmouseX,myChartCanvas.height);
  29. var uic:UIComponent = new UIComponent();
  30. uic.addChild(sprite);
  31. myChartCanvas.addChild(uic);
  32. }
  33. ]]>
  34. </mx:Script>
  35. <mx:VBox width="100%" height="100%">
  36. <mx:Canvas width="100%" height="315" id="myChartCanvas" mouseMove="onMouseMoveHandleByMyChartCanvas(event)" backgroundColor="#006699">
  37. <mx:Button click="Alert.show('测试按钮事件不会被覆盖');" label="测试按钮事件不会被覆盖"/>
  38. </mx:Canvas>
  39. <mx:Button click="Alert.show('ooo');" label="ooo"/>
  40. </mx:VBox>
  41. </mx:Application>

转载于:https://blog.51cto.com/programmer/1117844

Flex 绘制跟随鼠标移动的十字交叉线相关推荐

  1. c# 窗体控件上绘制跟随鼠标的十字线

    一.技术路线 (1)以自定义大小的image为画布,绘制窗体控件显示的主题内容 public Image img=new Bitmap(250,250);   //定义img Graphics gr ...

  2. canvas 绘制跟随鼠标移动的线条

    坦克大作战游戏中常见,点击某点,坦克的枪口会自动对准被点击的点! window.onload = function() {var canvas = document.getElementById(&q ...

  3. qt跟随鼠标动态绘制_qt 画多边形(实现鼠标拖动节点)

    ---恢复内容开始--- 2018-01-06 这个小例子实现了移动鼠标,鼠标的坐标信息跟随鼠标移动,多边形的实现,鼠标点击可以拖动多边形点的位置,(其中有个问题?我在QMainWindow下,用mo ...

  4. python飞机大战跟随鼠标移动_用Python写飞机大战游戏之pygame入门(4):获取鼠标的位置及运动...

    # -*- coding: utf8 -*- background_image_filename = 'background.png' mouse_image_filename = 'hero.png ...

  5. canvas实现粒子跟随鼠标动画

    canvas实现粒子跟随鼠标动画 canvas是前端绘制图形的好帮手,不少大牛的博客也会精心的用canvas绘制炫酷的背景.图形与可视化界面就是前端最好的名片,泡妞之前尚且知道要梳个靓头精心打扮,而c ...

  6. 网站动态背景线条跟随鼠标移动,吸附鼠标效果

    网站动态背景线条跟随鼠标移动,吸附鼠标效果 动态背景线条,鼠标移动可以吸附,可以添加配置,代码如下: <!DOCTYPE html> <html lang="en" ...

  7. 圆点自动跟随鼠标移动

    <canvas>绘制思路:在画布上绘制一个圆点,在移动鼠标时用背景图覆盖上一次的图片,然后再在这张背景图上绘制一个原点,利用定时器每隔10ms进行一次刷新<!doctype html ...

  8. 跟随鼠标移动的星星✩代码解释✩✩✩

    效果: 前言:   上期发的 跟随鼠标移动的星星✩直接在页面引用✧✧✧ 文章中有位粉丝说想看的代码的讲解 ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄,所以我这篇文章详细说说这个效果该怎么实现~ 实现: 1. 获取 ...

  9. 彩色圆点气泡跟随 鼠标光标动画特效

    彩色圆点气泡跟随 鼠标光标动画特效 效果图如下: 泡泡会根据鼠标的移动在鼠标下方会生成泡泡 然后缓缓上升. 可以父子以下代码看一下实际效果. 1.下面是HTML结构 HTML结构很简单,主要是靠css ...

最新文章

  1. 熵增学院-Anders-剑走偏锋,了解Spring Boot内部Servlet容器
  2. 使用 IntelliJ IDEA 查看类图,内容极度舒适
  3. 什么是回调地狱以及promise的链式调用和aysnc/await
  4. (五)C语言之二维数组
  5. 理论基础 —— 排序 —— 桶排序
  6. oracle创建一个学生,oracle 创建学生选课视图
  7. android全方位性能优化方法
  8. html label 两端对齐,如果实现表单的label文字两端对齐
  9. 性能测试的那些事儿!
  10. 教你怎样做项目开发总结报告[转]
  11. 计算机软件英文参考文献,软件工程英文参考文献(优秀范文105个)
  12. MapInfo mif/mid文件说明
  13. 公众号添加百度网盘链接
  14. python快速处理excel表格-python 处理 Excel 表格
  15. Html中的span与a的区别,a标签和span标签的区别
  16. SWT的MessageBox对话框
  17. 貝塞爾 Layer 入門指南
  18. docker重启 容器自动重启
  19. 如何在信号中添加指定信噪比的高斯白噪声,为何深度学习去噪研究采用高斯白噪声?
  20. cgb2110-day05

热门文章

  1. matlab实现聚类分析
  2. 解密PDF文件打开密码
  3. 软件:推荐七款实用的画流程图工具
  4. c++中编程遇到的一些问题
  5. 10个python入门小游戏,零基础打通关,就能掌握编程基础
  6. Unity中fps游戏的枪准心的动态调整
  7. LTE RACH过程
  8. 数据预处理 第3篇:数据预处理(使用插补法处理缺失值)
  9. 天载股票资讯白酒等抱团股反攻
  10. window 访问samba提示:无任何网络提供程序接受指定的网络路径