我怎樣才能添加一個開放的三角箭頭結束到一條線？

Question

如何在Raphael JS中添加一個開放的三角形箭頭結束符？
最接近它的是塊全長，但我想在裏面做一個箭頭結尾。

var path_1 = paper.path('M10 50 L250 50'); 
path_1.attr({stroke:'#FF0000', 'stroke-width': 6 ,'arrow-end': 'block-wide-long'}); 

JSFiddle

Answer 1

從raphael reference：上的路徑的端部

箭頭。字符串格式爲< type> [ - < width> [ - < length>]]。可能的類型：經典，塊，開放，橢圓形，菱形，無，寬度：...

因此，替代選項可能是open。

var line = paper.path('M10 50 L250 50'); 
line.attr({stroke:'#FF0000', 'stroke-width': 6 ,'arrow-end': 'open-wide-long'}); 

見這裏：http://jsfiddle.net/Ljoe1rpw/2/

如果你想用一個空的三角形，你將不得不修改拉斐爾源。

Answer 2

我設法通過修改拉斐爾圖書館來創建開放的三角形箭頭。

近線3769添加一個標記：

markers = { 
     block: "M5,0 0,2.5 5,5z", 
     **opentriangle: "M5,1 2,2.5 5,4z",** 
     classic: "M5,0 0,2.5 5,5 3.5,3 3.5,2z", 
     diamond: "M2.5,0 5,2.5 2.5,5 0,2.5z", 
     open: "M6,1 1,3.5 6,6", 
     oval: "M2.5,0A2.5,2.5,0,0,1,2.5,5 2.5,2.5,0,0,1,2.5,0z" 
    }, 

近線3907修改while循環：

while (i--) { 
      switch (values[i]) { 
       case "block": 
       **case "opentriangle":** 
       case "classic": 
       case "oval": 
       case "diamond": 
       case "open": 
       case "none": 
        type = values[i]; 
        break; 
       case "wide": h = 5; break; 
       case "narrow": h = 2; break; 
       case "long": w = 5; break; 
       case "short": w = 2; break; 
      } 
     } 

近線4995修改while循環：

while (i--) { 
     switch (values[i]) { 
      case "block": 
      **case "opentriangle":** 
      case "classic": 
      case "oval": 
      case "diamond": 
      case "open": 
      case "none": 
       type = values[i]; 
       break; 
      case "wide": 
      case "narrow": h = values[i]; break; 
      case "long": 
      case "short": w = values[i]; break; 
     } 
    } 

近線3925加入否則如果封鎖：

if (type == "open") { 
      w += 2; 
      h += 2; 
      t += 2; 
      dx = 1; 
      refX = isEnd ? 4 : 1; 
      attr = { 
       fill: "none", 
       stroke: attrs.stroke 
      }; 
     } 
     **else if(type == "opentriangle"){ 
      w += 5; 
      h += 5; 
      dx = 7; 
      refX = 0; 
      attr = { 
       fill: "none", 
       stroke: attrs.stroke, 
      }; 
     }** 
     else { 
      refX = dx = w/2; 
      attr = { 
       fill: attrs.stroke, 
       stroke: "none" 
      }; 
     }