Zero Weight JavaScript Library
Выбрано: 0 | Русский

Vector drawing primitives

Set of helper objects for crossbrowser vector graphics.

draw/draw

The Canvas object can be used for drawing other figures

To make this example workable following components should be available: draw/ellipse, draw/rect, draw/line.

<div id="draw5b4cfa40deafe"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw5b4cfa40deafe");
  draw.ellipse({'x':1,'y':1,'width':100,'height':100});
  draw.rect({'x':120,'y':1,'width':100,'height':100});
  draw.line({'x1':240,'y1':1,'x2':330,'y2':100});  	
});
</script>
<p>To make this example workable following components should be available: draw/ellipse, draw/rect, draw/line.</p>
зависимости: element.js
Файлов: 1
файл размер
draw.js 3.32 KBs

draw/ellipse

<div id="draw5b4cfa40dec69"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw5b4cfa40dec69");
  draw.ellipse({'x':1,'y':1,'width':100,'height':100,'strokeColor':'red','fillColor':'red'});
  draw.ellipse({'x':110,'y':1,'width':100,'height':100,'strokeColor':'blue','fillColor':'yellow','strokeWidth':'2'});
  draw.ellipse({'x':220,'y':1,'width':100,'height':100,'strokeColor':'green','fillColor':'green','strokeWidth':'5'});
});
</script>
зависимости: draw/shape
Файлов: 1
файл размер
ellipse.js 861 bytes

draw/line

<div id="draw5b4cfa40ded3c"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw5b4cfa40ded3c");
  draw.line({'x1':1,'y1':1,'x2':100,'y2':100,'strokeColor':'red'});  	
  draw.line({'x1':110,'y1':1,'x2':210,'y2':100,'strokeColor':'green','strokeWidth':3});  	
  draw.line({'x1':220,'y1':1,'x2':320,'y2':100,'strokeColor':'blue','strokeWidth':5});  	
});
</script>
зависимости: draw/shape
Файлов: 1
файл размер
line.js 652 bytes

draw/rect

<div id="draw5b4cfa40dee18"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw5b4cfa40dee18");
  draw.rect({'x':1,'y':1,'width':100,'height':100,'strokeColor':'red','fillColor':'yellow'});
  draw.rect({'x':110,'y':1,'width':100,'height':100,'strokeColor':'blue','fillColor':'red','strokeWidth':'2'});
  draw.rect({'x':220,'y':1,'width':100,'height':100,'strokeColor':'green','fillColor':'silver','strokeWidth':'5'});
});
</script>
зависимости: draw/shape
Файлов: 1
файл размер
rect.js 800 bytes

draw/path

<div id="draw5b4cfa40deed3"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw5b4cfa40deed3");
  draw.path({'strokeColor':'red','fillColor':'yellow','commands':[['M',1,1],['L',1,100,100,100,100,0,1,1]]});
  draw.path({'strokeColor':'blue','fillColor':'yellow','commands':[['M',110,30],['L',180,50,190,0,200,20]]});
});
</script>
зависимости: draw/shape
Файлов: 1
файл размер
path.js 1.93 KBs

draw/text

This example is under construction.

<div id="draw"></div>
<script type="text/javascript">
z.Draw.ready(function(){
  var draw = z.Draw.id("draw");
  draw.text({'x':50,'y':50,'text':'Text'});
});
</script>
<p>This example is under construction.</p>
зависимости: draw/shape
Файлов: 1
файл размер
text.js 796 bytes