我使用HTML canvas arc方法绘制了一个圆圈,但我想删除圆的边框.我试着设置lineWidth = 0但它似乎不起作用.有没有办法在画布中删除圆圈的边框?
$(document).ready(function() {
pie_chart = $('#pie_chart');
var p = pie_chart[0].getContext('2d');
var canvas_width = pie_chart.width();
var canvas_height = pie_chart.height();
p.beginPath();
p.arc(canvas_width/2, canvas_height/2, 150, 0 , Math.PI * 2);
p.lineWidth = 0;
p.stroke();
p.fillStyle = '#777';
p.fill();
});
Run Code Online (Sandbox Code Playgroud) 有些网站似乎有'资产/ app-02b4523sev8fsd56e.js'等文件名.我注意到这些数字并没有改变,所以我认为它与安全性有关,但我不确定.这背后有什么理由吗?
我试图在 jQuery 代码中分配一个字符串作为函数的名称,但我所做的有问题。在下面的代码中,我name="hello"作为函数名和msg="hello world!"参数传递。我正在尝试调用该hello(msg)函数。任何帮助将不胜感激。
HTML
`<input type="button" value="Click me!">`
Run Code Online (Sandbox Code Playgroud)
CSS
input{
width: 100px;
}
Run Code Online (Sandbox Code Playgroud)
jQuery
$(document).ready(function(){
$('input').click(function(){
var name = 'hello';
var msg = 'hello world!';
window[name](msg);
});
function hello(msg){
alert(msg);
}
});
Run Code Online (Sandbox Code Playgroud) 我使用 javascript 在画布上绘制了几条线,并且更改了 3 条不同线(两个轴、底部 10 条线和顶部 10 条线)的线宽值。当我更改lineWidth前 2 行的属性(lineWidth = 2.5 和 lineWidth = 1.0)时,它工作正常。但是,当我添加最后一个 lineWidth 属性 = 2.0 时,它不起作用并且发生了变化。我已将代码放在这个小提琴中。任何帮助将不胜感激。
http://jsfiddle.net/pwp2ps09/1/
<canvas id="graph" width="550" height="400"></canvas>
$(document).ready(function(){
var p= 50;
graph = $('#graph');
var g = graph[0].getContext('2d');
drawlines();
function drawlines(){
g.beginPath();
//brings cursor to the origin of this line graph
g.moveTo(p, graph.height() - p);
//creates x-axis
g.lineTo(graph.width() - p, graph.height() - p);
g.moveTo(p, graph.height() - p);
//creates y-axis
g.lineTo(p, p);
g.lineWidth = 2.5;
g.font = '12px Arial'; …Run Code Online (Sandbox Code Playgroud) canvas ×2
javascript ×2
jquery ×2
css ×1
filenames ×1
function ×1
html ×1
html5-canvas ×1
line ×1