I went through all the possible resources I could find on the internet, MDN, W3C etc. but nowhere could I find any documentation regarding cors.

I'm tryin,javascript,html,svg,cors"/>

时间戳

首页 > 解决方案 > 如何在 html 中嵌入 SVG tag from Cross Origin url say (s3_url/image.svg)

I went through all the possible resources I could find on the internet, MDN, W3C etc. but nowhere could I find any documentation regarding cors.

I'm tryin

javascript - 如何在 html 中嵌入 SVG tag from Cross Origin url say (s3_url/image.svg)

I went through all the possible resources I could find on the internet, MDN, W3C etc. but nowhere could I find any documentation regarding cors.

I'm tryin

问题描述

I went through all the possible resources I could find on the internet, MDN, W3C etc. but nowhere could I find any documentation regarding cors.

I'm trying to embed an SVG in HTML . It works fine in same origin URL

<object id="obj1" data="same_origin_url/image.svg"></object>

On using cross_origin_url, it is not able to embed the SVG. 

<object id="obj2" data="cross_origin_url/image.svg"></object>

in the 1st case, I can access the SVG using the following code and do the required manipulation (like changing color) on the SVG.

document.getElementById('obj1').contentDocument.getElementByTagName('svg')

while in the 2nd case, it returns throws an error as contentDocument of obj2 returns null.

document.getElementById('obj2').contentDocument.getElementByTagName('svg')

How can I speed up DataColumn check?

string specifiedSymbol = "MySymbol";

Systems.Data.DataTable table = CreateInitialTable();

if (!table.Columns.Contains(specifiedSymbol))
       table.Columns.Add(specifiedSymbol, Type.GetType("System.Double"));

I have just profiled the above statment and it seems that the IF takes around 10ms. This is a long time for my app. How else could I check if a column exists in datatable more efficiently?

标签： javascripthtmlsvgcors

解决方案

在托管您的 svg 文件的网络服务器上，您必须设置响应 Access-Control-Allow-Origin 标头。例如，对于 Apache 网络服务器，您必须启用 mod_headers 并在配置文件或 .htaccess 中为您的服务器配置它。

    <IfModule mod_headers.c>
        <FilesMatch "\.(ttf|ttc|otf|eot|woff|font.css|css|js|gif|png|jpe?g|svg|svgz|ico|webp)$">
            Header set Access-Control-Allow-Origin "*"
        </FilesMatch>
    </IfModule>

推荐阅读