溫馨提示×

c# svg如何結合JavaScript使用

c#
小樊
87
2024-07-10 01:37:28
欄目: 編程語言

要在C#中使用SVG結合JavaScript，可以使用WebBrowser控件來加載包含SVG和JavaScript的網頁。以下是一個簡單的示例代碼：

using System;
using System.Windows.Forms;

namespace SvgJavaScriptExample
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            string svgHtml = "<html><head><script>function changeColor() { document.getElementById('rect').setAttribute('fill', 'blue'); }</script></head><body><svg width='100' height='100'><rect id='rect' x='10' y='10' width='80' height='80' fill='red' onclick='changeColor()'/></svg></body></html>";
            webBrowser1.DocumentText = svgHtml;
        }
    }
}

在上面的示例代碼中，我們在Form1中添加了一個WebBrowser控件，并在Form1_Load事件中加載包含SVG和JavaScript代碼的網頁。當點擊矩形時，JavaScript函數(shù)changeColor會被調用，將矩形的顏色改變?yōu)樗{色。

請注意，WebBrowser控件可能會受到瀏覽器版本和系統(tǒng)設置的影響，因此可能不支持所有的SVG和JavaScript特性。如果需要更復雜的交互操作，建議考慮使用其他更先進的瀏覽器控件或框架。

0 踩