小编Dav*_*ami的帖子

在 CSS 中定义填充模式,以在 SVG 中使用

我如何(或有办法)在 CSS 中定义要在 SVG 中使用的 SVG 填充模式?我可以像这样在 HTML 中做到这一点:

CSS:

.some-class-for-html {
  background-image: url("data:image/svg+xml;base64,gibberish-goes-here==");    
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="some-class-for-html">
  Blah blah blah
</div>
Run Code Online (Sandbox Code Playgroud)

我想为 SVG 做等效的事情,保持在 CSS 中定义的模式。我发现的最接近的是Fill SVG path element with a background-image,但这涉及在 SVG 中定义填充。我想保留 CSS 中定义的填充,就像我对 HTML 所做的一样,以及我对 SVG 颜色所做的一样。我尝试了以下方法:

CSS:

.some-class-for-SVG {
  fill: url("data:image/svg+xml;base64,gibberish-goes-here==");    
}
Run Code Online (Sandbox Code Playgroud)

SVG:

<rect class="some-class-for-svg" x="0" y="0" width="100" height="100">
Run Code Online (Sandbox Code Playgroud)

但这会在没有填充的情况下渲染。到目前为止,我已经通过在生成 SVG 时将<defs><pattern>节点插入到 SVG 中来解决这个问题,但这当然意味着要更改模式,您必须更改 Javascript,这很糟糕。

任何建议,将不胜感激。提前致谢。

css svg

5
推荐指数
0
解决办法
1646
查看次数

需要自定义 Sequelize Postgres 数据类型的工作示例

我在 Postgres 中有一个自定义类型,我想在 Sequelize 中使用它。我已经根据 Sequelize 文档中的示例编写了代码,除了调用我在 Sequelize 或其他地方找不到的函数(“继承”)。但是,使用 sequelize.define 创建具有此自定义类型属性的模型会在 Sequelize 中引发异常。我的代码中是否有突出的错误?或者是否有另一个实现自定义数据类型的好示例或教程?另外,文档示例中显示的“继承”函数是怎么回事——文档是否遗漏了导入/需要,或者调用是错误的?

我正在关注的文档在这里:http : //docs.sequelizejs.com/manual/data-types.html#extending-datatypes

Postgres 中定义的类型:

CREATE TYPE public.measurement AS
(
    unit text,
    value double precision
);
Run Code Online (Sandbox Code Playgroud)

我在 NodeJS 中的测试代码:

const Sequelize = require('sequelize');

let dataTypes = Sequelize.DataTypes;

// Create class for custom datatype
class MEASUREMENT extends dataTypes.ABSTRACT {
    toSql() {
        console.log('MEASUREMENT toSql');
        return 'MEASUREMENT';
    }
    static parse(value) {
        console.log('MEASUREMENT parse value=', value);
        return value;
    }
};

// Set key
MEASUREMENT.prototype.key = 'MEASUREMENT';
MEASUREMENT.key = MEASUREMENT.prototype.key;

// …
Run Code Online (Sandbox Code Playgroud)

postgresql sequelize.js

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

使用 tsconfig-paths 在 Visual Studio Code 中进行打字稿调试

我一直在尝试让 Visual Studio Code 来调试 Typescript,并不断接近但还没有完全实现。我将查看tsconfig-paths 文档,因为我在 tsconfig.h 中定义了路径。我可以从 VSC 启动,但是当 VSC 在 TS 代码中的断点处停止时,它也会在生成的 JS 中的相应代码处停止。这是我所拥有的:

ts配置:

  "compilerOptions": {
    "lib": ["es2020"],
    "target": "es2020",
    "outDir": "build",
    "module": "CommonJS",
    "baseUrl": ".",
    "esModuleInterop": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "sourceMap": true,
    "paths": {
        "@/*": ["src/*"]
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

包.json:

  "scripts": {
    "build": "tsc",
    "start": "npm run build && node ./build/index.js"
  },
  "dependencies": {
  },
  "devDependencies": {
    "@types/node": "15.3.0",
    "ts-node": "^10.7.0",
    "ts-node-dev": "^1.1.8",
    "tsconfig-paths": "^3.14.0",
    "typescript": "4.2.4"
  }
}
Run Code Online (Sandbox Code Playgroud)

启动.json:

{
    // …
Run Code Online (Sandbox Code Playgroud)

typescript visual-studio-code vscode-debugger

5
推荐指数
0
解决办法
1295
查看次数

行驶距离区域

有没有办法通过 Google Maps API 确定给定中心点的给定驾驶时间内的边界多边形?

如果做不到这一点,有没有一种方法可以计算驾驶时间函数的倒数——也就是说,不是“从 A 点到 B 点需要多少分钟”,而是询问“我会走多远”在一定的分钟内从A点到B点?” 当然,我可以只找到点之间的时间并假设天真的缩放,但如果速度限制在路线的重要部分上变化很大,那么这可能会很遥远。

google-maps-api-3

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

在 FreeIPA 服务器上测试组成员身份

我需要在 FreeIPA 上检查用户是否是某个组的成员。(目前我正在命令行上测试以在 Node 中编写实际代码之前正确进行搜索)。根据搜索,我使用以下查询:

ldapsearch -x -b "uid=testuser,cn=users,cn=accounts,dc=smnet,dc=com" '(memberof=cn=testgroup,cn=groups,cn=accounts,dc=smnet,dc=com)'
Run Code Online (Sandbox Code Playgroud)

但我得到的结果是:

# extended LDIF
#
# LDAPv3
# base <uid=testuser,cn=users,cn=accounts,dc=smnet,dc=com> with scope subtree
# filter: (memberof=cn=testgroup,cn=groups,cn=accounts,dc=smnet,dc=com)
# requesting: ALL
#

# search result
search: 2
result: 0 Success

# numResponses: 1`
Run Code Online (Sandbox Code Playgroud)

但是,如果我不使用过滤器:

 ldapsearch -x -b "uid=testuser,cn=users,cn=accounts,dc=smnet,dc=com"
Run Code Online (Sandbox Code Playgroud)

我得到:

# extended LDIF
#
# LDAPv3
# base <uid=testuser,cn=users,cn=accounts,dc=smnet,dc=com> with scope subtree
# filter: (objectclass=*)
# requesting: ALL
#

# testuser, users, accounts, smnet.com
dn: uid=testuser,cn=users,cn=accounts,dc=smnet,dc=com
givenName: test
sn: user
uid: testuser
cn: …
Run Code Online (Sandbox Code Playgroud)

ldap-query freeipa

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