дал страницу, которая рисует различные элементы SVG, используя библиотеку Raphaeljs, но у меня возникают некоторые проблемы в Safari.

Я рисую изображения и использую обтравочный контур для маскировки определенных областей. Пользователь может затем щелкнуть «сквозь» эти изображения для других изображений, размещенных позади.

Это работает как положено в Firefox и Chrome, и даже IE. Но в Safari я не могу кликать по изображениям. Обтравочный контур не работает в Safari.

Я обнаружил черезэтот вопрос что тип содержимого с Safari должен быть установлен на «application / xhtml + xml», поскольку он не использует анализатор html5.

Я попробовал предложение поставить это в верхней части моей страницы ...

<?php
header('Content-type: application/xhtml+xml');
?>

... но браузер просто выводит HTML-файл.

Мне просто интересно, какой тип документа мне нужен, чтобы рисование сафари встраивалось в SVG правильно, например, в chrome и firefox?

Вот как я рисую свои SVG-изображения, и он отлично работает в Chrome и Firefox

function myDraw(path, url, x, y, w, h, id){

    //create clipPath Element
  var clippath = document.createElementNS("http://www.w3.org/2000/svg","clipPath");  
  clippath.setAttribute("id", id);
  svgcanv.appendChild(clippath);

  //draw the path
  var cp=paper.path(path).translate(x, y).attr({stroke: 0});
  $(cp.node).appendTo('#'+id+'');

    //assoc clipPath with image
  var img = paper.image(url,x,y,w,h);//.attr({fill:"#111",opacity:0.7});    
    img.node.setAttribute("clip-path","url(#"+id+")");
    img.node.setAttribute("class",id);
}