小编Cha*_*ing的帖子

jQuery添加的svg元素没有显示出来

对不起,如果已经回答,我是新来的.

我正在尝试使用jquery创建svg元素,并且我将此代码作为HTML页面的一部分:

<svg viewBox="0 0 1000 500">
    <defs>
        <clipPath id="clip">
            <ellipse cx="100" cy="250" rx="200" ry="50" />
        </clipPath>
    </defs>
    <g>
        <path d="M 0,0 L 1000,0 1000,500 0,500"
            fill="#9ADEFF" />
        <path id="boat" stroke="none" fill="red"
            d="M 100,175 L 300,175 300,325 100,325"
            clip-path="url(#clip)" />
    </g>
    <g id="0002" width="100" height="100%"
        transform="translate(1000)">
        <line x1="50" y1="0" x2="50" y2="300"
            stroke="green" stroke-width="100" />
    </g>
</svg>
Run Code Online (Sandbox Code Playgroud)

和这个Javascript(与jQuery 1.9):

var id = 10000,
    coinArray = []

function generateNextLine(type) {
    $('svg').append($(type()))
    return $('svg')[0]
}

function idNo() {
    id++
    return ((id-1)+"").substr(-4)
}

function …
Run Code Online (Sandbox Code Playgroud)

javascript jquery svg

3
推荐指数
1
解决办法
2927
查看次数

仅缩短表格HTML中的第一列

我有一个HTML表,第一列中有标题,后面列中有数据.它必须适合页面上的某个宽度,但所有单元格的长度都是可变的.有什么方法可以设置第一列缩短自己:

text-overflow: ellipsis;
white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)

而将其他列保留为全宽以显示所有数据?我在这里创建了一个演示:http://jsfiddle.net/Xsanda/uBrV7/

html css

2
推荐指数
1
解决办法
650
查看次数

JavaScript(ES6):在条件表达式中使用扩展运算符(?-operator)

在JavaScript中,可以使用...(spread)运算符将数组与另一个合并,如下所示

[...[1,2,3], ...[4,5,6]]
// -> [1, 2, 3, 4, 5, 6]
Run Code Online (Sandbox Code Playgroud)

但是,在三元?表达式中使用扩展运算符似乎没有资格

[true ? ...[1,2,3] : ...[4,5,6]]
// Uncaught SyntaxError: Unexpected token ...
Run Code Online (Sandbox Code Playgroud)

这是一种合理的语言限制,缺陷还是我遗漏了什么?没有命令式方法或Object.assign()功能,是否有可能在语法上实现这一点?

javascript ecmascript-6

1
推荐指数
1
解决办法
209
查看次数

标签 统计

javascript ×2

css ×1

ecmascript-6 ×1

html ×1

jquery ×1

svg ×1