当前位置: 首页 > 知识库问答 >
问题:

使用TypeScript创建SVG元素

令狐珂
2023-03-14

我试图在TypeScript中创建一个格式正确的SVG元素:

createSVGElement(tag) {
    return document.createElementNS("http://www.w3.org/2000/svg", tag);
}

但是,在tslint中出现以下错误

共有1个答案

方谦
2023-03-14

由于no-http-string规则,tslint正在抱怨。该规则定义为:

不要使用以“http:”开头的字符串。URL字符串应以“https:”开头。Http字符串可能是一个安全问题,并且指示您的软件可能遭受cookie窃取攻击。从1.0版本开始,这个规则将正则表达式列表作为参数。与该正则表达式匹配的任何字符串都将被忽略。例如,要允许到example.com和example.com的http连接,请像这样配置规则:“no-http-string”:[true,“http://www.example.com/?.”,“http://www.example.com/?.”]

(来源:https://github.com/microsoft/tslint-microsoft-contrib/blob/master/readme.md)

因此,假设您信任万维网联盟,您可以在tslint.json中给它一个例外,如下所示

"no-http-string": [true, "http://www.w3.org/.*"]
 类似资料:
  • 本文向大家介绍d3.js 使用D3 js创建SVG元素,包括了d3.js 使用D3 js创建SVG元素的使用技巧和注意事项,需要的朋友参考一下 示例 尽管D3并非专门用于处理SVG元素,但它已广泛用于创建和处理基于SVG的复杂数据可视化。D3提供了许多强大的方法,可帮助轻松创建各种几何SVG结构。 建议首先了解SVG规范的基本概念,然后使用大量的D3 js示例创建可视化效果。 D3 JS范例 SV

  • 问题内容: 如何使用JavaScript创建SVG元素?我尝试了这个: 但是,它将创建宽度为零,高度为零的SVG元素。 问题答案: 尝试这个 :

  • 嗨,我正在使用svg绘制线条,但我的问题是,我正在使用公共URL绘制线条`varsvgnode=document.createElementNs('http://www.w3.org/2000/svg','svg'); 如何在不使用公共URL的情况下实现相同的功能

  • 本文向大家介绍如何使用JavaScript创建SVG图形?,包括了如何使用JavaScript创建SVG图形?的使用技巧和注意事项,需要的朋友参考一下 所有现代浏览器均支持SVG,您可以使用JavaScript轻松创建它。Google Chrome和Firefox均支持SVG。 使用JavaScript创建一个空白的SVG文档对象模型(DOM)。使用属性创建形状,例如圆形或矩形。

  • 使用D3.js,我试图创建一系列SVG组(即元素),数据数组中的每个数字都有一个元素。每个元素本身应该包含一个和一个。在我看来,下面的代码应该做到这一点,但当我检查元素(在Chrome和Firefox中都是如此)时,它直接在元素中包含元素和元素,而看不到元素。 HTML页面最初只包含一个空的元素。只是一个简单的数字数组。

  • 我正在使用本文概述的typescript实现mongoose模型:https://github.com/Appsilon/styleguide/wiki/mongoose-typescript-models 我也不确定在处理子文档数组时这是如何翻译的。假设我有以下模型和模式定义: 将向user.pet子文档添加新宠物的代码: 在查看链接之后,这似乎是处理子文档所必需的理想方法。但是,此场景似乎会引