创建一个三角形以防止内部内容溢出

Question

我正在尝试创建一个三角形，在使内部内容可拖动时，应保持内部内容不会过度流动。

我尝试了不同的东西，比如多边形和画布，但是每个东西都看似不起作用，或者我可能没有朝着正确的方向前进。

是否有任何jquery插件或库可以帮助我解决这个问题？

Answer 1

我使用了一些HTML来使内容可拖动和可设置：D 在底部添加了一个带三角形的画布：  链接：http://jsfiddle.net/hyxmvn2h/1/ 一些代码允许答案：p

function draw() {
  var canvas = document.getElementById('canvas'),
      parent = $('#canvas').parent('.triangle'),
      pw = parent.outerWidth(),
      ph = parent.outerHeight();

   canvas.width = pw;
   canvas.height = ph;

  if (canvas.getContext){
    var ctx = canvas.getContext('2d');

    ctx.beginPath();
    ctx.moveTo(pw/2,0);
    ctx.lineTo(pw,ph);
    ctx.lineTo(0,ph);
    ctx.fill();
  }
}

draw();

拖动一种算法就在小提琴里面 拖出时为什么需要隐藏？只要确保元素在三角形行内掉落...... 注意：没有按要求回应