我正在尝试从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)为了避免长路径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)