Outlook 전자 메일에서 작동하도록 특수 HTML 코드를 어떻게 구합니까?

Question

SmtpClient을 사용하여 프로그래밍 방식으로 전자 메일을 보냅니다. SmtpClient.SendAsync() 호출에서 MailMessage을 사용합니다. MailMessage.IsBodyHtml = true로 설정합니다.

나는 <font> 같은 간단한 HTML 태그를 사용할 수 있어요하지만 문제 같은 태그를 사용하는 데 : 내가 얻을 수 있었다 간단한 그래프 파일이있는 전자 메일을 보내려면 여기를

<svg width="600" height="100"> 
    <rect x="0" y="0" rx="4" ry="4" width="20" height="50" style="fill:red" /> 
    <rect x="20" y="0" rx="4" ry="4" width="20" height="100" style="fill:green" /> 
    <rect x="40" y="0" rx="4" ry="4" width="20" height="100" style="fill:green" /> 
    <rect x="60" y="0" rx="4" ry="4" width="20" height="100" style="fill:green" /> 
    Sorry, your browser does not support inline SVG. 
</svg> 

내 최종 목표됩니다 그것은 웹 페이지에서 위의 html을 사용하여 표시되지만 Outlook에서 열리는 전자 메일은 작동하지 않습니다.

<svg> 및 <canvas>은 Microsoft Outlook에 표시되는 전자 메일에서 지원되지 않는 것으로 보입니다. 위와 같은 결과를 얻으려는 다른 방법이 있습니까? <svg> 및/또는 <canvas>을 보낼 전자 메일에서 지원해야하는 특수 헤더가 있습니까?

여기 너무 복잡한 것은 원하지 않습니다. 난 그래프의 일종의 true/false 값을 그래프로 표시하고 싶습니다. 프로그래밍 방식으로 여러 개의 직사각형을 그릴 수 있지만 Outlook 클라이언트로 열면 전자 메일에 실제로 표시되는 그래픽이 필요합니다.

Answer 1

SVG Outlook에서 작동하지 않습니다.

Gmail, AOL, Yahoo, Notes, Thunderbird 또는 대부분의 Android 버전에서는 작동하지 않습니다.

• https://www.campaignmonitor.com/css/text-fonts/svg/

VML Outlook에서 작동합니다. 반듯한 지원과 몇 가지 예가있는 막 다른 골목 기술입니다. 그것은 너무 복잡하지 않은 한 당신이 좋아하는 것을 할 수 있습니다.

<!--[if mso]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="#" style="height:42px;v-text-anchor:middle;width:500px;" strokecolor="#6f5a95" fillcolor="#563d82"> 
<w:anchorlock/> 
<center style="color:#ffffff;font-family: Arial,sans-serif;font-size:18px;">See Your Choices</center> 
</v:rect> 
<![endif]--> 

상자를 확실히 만들 수 있습니다. 그래프는 어렵지 않지만 Outlook 버전을 jpg 이미지로 만들면 많은 문제를 해결할 수 있습니다.

VML에서 사용한 데이터 포인트의 예가 없습니다. 그러나 2000 년경에 물건을 찾고 찾으면, 찾고있는 것을 찾을 수 있습니다. 마이크로 소프트조차도 미래에 그것을 지원할 계획이 없다고 생각하기 때문에 전혀 새로운 예가 없습니다. https://www.codeproject.com/Articles/1742/Introduction-to-VML

https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds

행운 http://www.sjsu.edu/faculty/watkins/vml.htm

• .

  늦은 추가 편집는 :

  난 당신이 VML와 그래프를 만들 수있는 방법의 샘플을 가지고있는 웹 사이트를 발견했다. CSS 애니메이션을 사용하여 대부분의 이메일 클라이언트 및 Outlook에서 작동하는 것을 만들 수 있습니다.하지만 당신은 항상이없는 경우 :

  • https://www.codeproject.com/Articles/1742/Introduction-to-VML

  행운을 빕니다.