PHP を使用して Internet Explorer との互換性を保つために SVG マップを JPG 画像に変換する方法

PHP を使用して SVG 画像を JPG に変換する

インタラクティブ マップを動的に表示するには、ブラウザ間の互換性が必要です。 SVG 形式は地図要素を色付けするための便利な構文を提供しますが、Internet Explorer は SVG をサポートしていません。この記事は、このブラウザの制限に対処するために、SVG マップを JPG 画像に変換するための PHP ベースのソリューションを提供することを目的としています。

解決策の 1 つは、ImageMagick の強力な画像操作機能を活用する人気の PHP 拡張機能である Imagick を利用することです。以下に、変換を実現する方法を示す段階的なコード スニペットを示します。

$usmap = '/path/to/blank/us-map.svg';
$im = new Imagick();
$svg = file_get_contents($usmap);

/* Populate an associative array mapping states to their desired colors */ 
$idColorArray = array(
     "AL" => "339966"
    ,"AK" => "0099FF"
    ...
    ,"WI" => "FF4B00"
    ,"WY" => "A3609B"
);

foreach($idColorArray as $state => $color){
    $svg = preg_replace(
         '/id="'.$state.'">

また、jQuery には、物理​​ファイルを作成せずにブラウザーで直接 SVG 画像を操作するための便利なオプションが用意されています。 SVG XML を HTML に直接組み込み、必要に応じて jQuery を使用して要素の色を変更します。

<div>
<?php echo file_get_contents('/path/to/blank/us-map.svg'); ?>
</div>

$('#CA').css('fill', 'blue');
$('#NY').css('fill', '#ff0000');

この手法により、SVG 埋め込みによるブラウザーの互換性の問題が排除され、最新の Web アプリケーションに適したより動的なソリューションが提供されます。 .

以上がPHP を使用して Internet Explorer との互換性を保つために SVG マップを JPG 画像に変換する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。