.. _raphael:

***************
raphael
***************

源码
==========

::

  R.fn = paperproto = Paper.prototype = R.prototype;
  R.el = elproto = Element.prototype;

记录
==========

Element.transform([tstr])::

  参数可以为字符串或数组
  t - translate, r- rotate, s -scale, m -matrix
  大写为绝对变形

  t100,100(translate by 100, 100)
  r30,100,100(rotate 30° around 100, 100)
  s2,2,100,100(scale twice around 100, 100)
  r45(rotate 45° around centre)
  s1.5(scale 1.5 times relative to centre)

不要使用translate等函数，在setViewBox后不同浏览器中的返回值可能不一样。
使用transform(['t',10,10])来替代

b.attr('path') 在chrome下返回值为path数组，IE下为字符串

path绘制::

  C	三次曲线	(x1 y1 x2 y2 x y)+
  S	平滑三次曲线	(x2 y2 x y)+
  Q	二次曲线	(x1 y1 x y)+
  T	平滑二次曲线，貌似要用在Q后面	(x y)+
  A	elliptical arc	(rx ry x-axis-rotation large-arc-flag sweep-flag x y)+
  R	Catmull-Rom curveto*	x1 y1 (x y)+

问题
========

vml中图片放大两倍（size，position）时内存占用也会变为两倍
<rvml:fill class=rvml rotate="t" src="mine.png" type="tile" size="3200,2400" position="-1600,-1200"></rvml:fill>

IE下setViewBox是对每个元素进行控制，速度太慢，还是换回ASV吧