Raphael(拉斐尔)画箭头的一些用法
来源:互联网 发布:php执行sql语句 编辑:程序博客网 时间:2024/05/02 02:18
Raphael,很多人都喜欢用这个,因为它具有更好的兼容性。本人也喜欢用这个插件进行图形的绘制。下面来看一个实例:
首先画出两个箭头
这个时候在IE浏览器下,没有任何问题。那么我们用谷歌打开一下同样的页面。
看出问题了吗?由于绿色的箭头是迟于红色箭头实例的,所以箭头会被后者的颜色所覆盖,造成这种难看的样式。
那么应该如何解决的呢?先来看一下如何实例这个箭头,相信很多人还不了解。
那么箭头的问题解决了,如何来解决颜色的覆盖问题呢?
通过调试,我了解到了一个svg的运行原理,Raphael为这个箭头的marker-end属性设置了一个引用地址url(#raphael-marker-endclassic55),这个是classic-wide-long属性自己生成的,而这个“raphael-marker-endclassic55”就存在于svg画布中。
于是我在body标签中强制插入了两个箭头对象。并且为它们都设置了颜色。
那么剩下的就是如何改变Raphael为我设置的箭头地址"raphael-marker-endclassic55"了。辗转了半天,终于找到了方法。
为两条线强制设置marker-end的值。将url重新指定。最终得到正确的效果。
1 0
- Raphael(拉斐尔)画箭头的一些用法
- raphael.js中repeat()的用法
- Raphael.animation()的巧妙用法
- Raphael绘制箭头arrow
- 拉斐尔
- Raphael和SVG一些文章的收集
- raphael一些基本例子的使用
- 关于Raphael.js 的画圆弧
- 三维箭头quiver3的用法
- 基于raphael 的图形变化(jQuery)
- 用Canvas画带箭头的线(包括箭头向内和箭头向外)
- 关于“箭头——>“的一些思考
- 画箭头的参考
- Raphael JS(一)
- C++中冒号和箭头的用法
- c语言中箭头的用法
- JavaScript中=> 箭头函数的用法
- ECMAScript6中箭头函数的用法
- ANR是什么?怎样避免和解决ANR
- js事件分类
- Hibernate查询方式l比较
- 编程中最没用的东西是源代码,最有用的东西是算法和数据结构
- IntelliJ IDEA导航特性Top20
- Raphael(拉斐尔)画箭头的一些用法
- MySQL常用命令与常见问题解决
- iOS界面布局的核心以及TangramKit介绍
- 悲观锁和乐观锁
- 和函数问题的细节思考
- mysql存储引擎InnoDB-MyISAM
- hdu1283
- C语言的返回值return总结
- 4-2 Shortest Path [4]