小编Jee*_*ing的帖子

html5画布加载圆形图像

我正在尝试从HTML5画布中的图像创建加载圆.

这是我在百分比为50%时所期望的结果:

在此输入图像描述

这是我经过大量测试后所做的事情:( 蓝色笔划只是看圆圈,之后会被移除)

var img = new Image(); 
img.onload = draw;
img.src = "http://i.imgur.com/HVJBZ1L.png";

var canvas = document.getElementsByTagName("canvas")[0];

canvas.width  = 500;
canvas.height = 500;

var ctx = canvas.getContext("2d");

function draw() {
    ctx.globalAlpha = 0.5
    ctx.drawImage(img, 0, 0);
    ctx.globalAlpha = 1;
    
    var X       = 50;
    var Y       = 50;
    var Radius  = img.width / 2;
    var end     = 40;
    var start   = 0;
    var PI2     = Math.PI * 2;
    var quart   = Math.PI / 2;
    var pct     = 50 / …
Run Code Online (Sandbox Code Playgroud)

javascript html5 canvas

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

带有Node.js的Typescript baseUrl

为了避免长路径import,我在我的使用中使用了Typescript baseUrl选项tsconfig.json

这是我的tsconfig.json:

{
    "compilerOptions": {
        "target": "ES6",
        "module": "none",
        "removeComments": true,
        "rootDir": "./",
        "outDir": "Build",
        "moduleResolution": "node",
        "noImplicitAny": true,
        "pretty": true,
        "baseUrl": "./"
    },
    "exclude": [
        "node_modules",
        "Build"
    ]
}
Run Code Online (Sandbox Code Playgroud)

所以不要这样做

import foo from "../../../../hello/foo"
Run Code Online (Sandbox Code Playgroud)

我这样做

import foo from "hello/foo"
Run Code Online (Sandbox Code Playgroud)

它在Typescript编译器中工作正常,但是当我用node.js运行我的应用程序时,我有这个错误:

module.js:474
    throw err;
    ^

Error: Cannot find module 'hello/foo'
Run Code Online (Sandbox Code Playgroud)

Ps:我不想替换require()我在互联网上看到的功能

所以,我怎样才能使Node.js的用的baseUrl工作或做类似的打字稿更换路径"hello/foo""../../../../hello/foo"

打字稿编译器版本:

Version 2.3.0-dev.20170303
Run Code Online (Sandbox Code Playgroud)

node.js typescript

8
推荐指数
2
解决办法
873
查看次数

标签 统计

canvas ×1

html5 ×1

javascript ×1

node.js ×1

typescript ×1