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>を私が送信している電子メールでサポートするために使用する必要がある特別なヘッダーがありますか？

私はここではあまりに複雑すぎることは望ましくありません。私は真偽値のセットをいくつかの種類のグラフで表示したいだけです。私はプログラム的に長方形などを描くことができますが、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年ごろに検索や検索をすると、探しているものの例が見つかるかもしれません。将来的にMicrosoftがそれをサポートするつもりはないと思うので、新しい例は全くありません。

• http://www.sjsu.edu/faculty/watkins/vml.htm
• https://www.codeproject.com/Articles/1742/Introduction-to-VML
• https://www.emailonacid.com/blog/article/email-development/emailology_vector_markup_language_and_backgrounds

幸運。

後期追加編集：

私はあなたがVMLでグラフを作成する方法のサンプルを持っているウェブサイトを見つけました。 CSSアニメーションを使用して、ほとんどの電子メールクライアントとOutlookでも機能するものを作成することができます。しかし、それは、あなたはいつもこれを持っていない場合：

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

幸運を。