颜色选择器在Safari浏览器中不起作用

Question

我正在使用fabric js库来自定义文本.颜色选择器在所有浏览器中工作正常,但它不适用于safari.

var canvas = new fabric.Canvas('canvas');

$('#fill').change(function(){
  var obj = canvas.getActiveObject();
  if(obj){
    obj.setFill($(this).val());
  }
  canvas.renderAll();
});

$('#font').change(function(){
  var obj = canvas.getActiveObject();
  if(obj){
    obj.setFontFamily($(this).val());
  }
  canvas.renderAll();
});

function addText() {
  var oText = new fabric.IText('Tap and Type', { 
    left: 100, 
    top: 100 ,
  });

  canvas.add(oText);
  canvas.setActiveObject(oText);
  $('#fill, #font').trigger('change');
  oText.bringToFront();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.min.js"></script>

<input type="color" value="blue" id="fill" />
<select id="font">
  <option>arial</option>
  <option>tahoma</option>
  <option>times new roman</option>
</select>
<button onclick="addText()">Add Custom Text</button>
<br />
<canvas id="canvas" width="750" height="550" style="border:1px solid #444"></canvas>

但是这个颜色选择器在mac(Safari浏览器)中不起作用.我不知道是什么问题.我想对safari broswer实施颜色选择器.

Answer 1

如此报道:

http://caniuse.com/#feat=input-color

safari 9.1不支持输入类型颜色js中有很好的库,可以让你快速轻松地获得一个漂亮的输入颜色小部件.

其中包括:http://jscolor.com/