브라우저 간 호환성을 위해 SVG 미국 지도를 JPG로 변환하는 방법은 무엇입니까?

크로스 브라우저 호환 미국 지도를 위해 SVG를 JPG로 변환

동적인 미국 지도가 포함된 웹 프로젝트 작업을 상상해 보세요. 데이터를 나타내는 색상으로 이 SVG 파일은 환상적인 시작점을 제공하지만 IE 브라우저에는 SVG 지원이 부족합니다. 이 문제를 해결하기 위해 PHP/GD2 또는 PHP/ImageMagick을 활용하여 SVG 맵을 JPG 형식으로 변환할 수 있습니다.

Imagick 라이브러리 사용

1. 가져오기 Imagick 라이브러리를 사용하고 SVG 파일의 내용을 $svg에 로드합니다. 변수.
2. 상태 약어를 16진수 색상 값으로 매핑하는 배열($idColorArray)을 정의합니다.
3. 루프를 사용하여 원래 채우기 값을 원하는 16진수 값으로 대체하여 상태 색상을 적용합니다. 정규식.
4. Imagick 객체를 생성하고 수정된 SVG 콘텐츠를 읽어온 후 원하는 출력 이미지를 지정합니다.
5. 이미지 형식을 구성하고(예: PNG의 경우 "png24", JPG의 경우 "jpeg") 필요에 따라 이미지 크기를 조정합니다.
6. 결과 이미지를 파일에 쓰거나 인라인 표시를 위해 base64 문자열로 출력합니다.

추가 고려사항

• CSS를 사용하여 개별 상태에 대한 스타일 규칙을 정의할 수 있으며, 이는 색상 수정 프로세스를 단순화합니다.
• 파일 생성 및 광범위한 브라우저 지원이 필요하지 않은 경우, 다음을 사용하여 SVG를 직접 조작하는 것을 고려할 수 있습니다. jQuery.

예

다음 코드 조각은 Imagick을 사용하여 SVG 맵을 PNG 형식으로 변환합니다.

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

// State color array
$idColorArray = array(
     "AL" => "339966",
    ,"AK" => "0099FF",
    ...
    ,"WI" => "FF4B00",
    ,"WY" => "A3609B"
);

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

위 내용은 브라우저 간 호환성을 위해 SVG 미국 지도를 JPG로 변환하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!