小米VR小米5c可以用电信卡吗其他App吗

&!DOCTYPE html&
&title&canvas绘制五角星&/title&
&style type="text/css"&
.wrap{width: 500margin:0}
#starCanvas{border: 1px solid #width: 500height:500box-sizing:border-}
&div class="wrap"&
&canvas id='starCanvas' width='500px' height="500px"&&/canvas&
&script type="text/javascript"&
drawStar(250,250,100);
function drawStar(cx,cy,r){
var dotArray=starDotArray(cx,cy,r);
console.log(dotArray);
var canvas=document.getElementById('starCanvas');
var cx=canvas.getContext('2d');
cx.strokeStyle='red';
cx.lineJoin='round';
for(var i=0;i&dotArray.i++){
cx.moveTo(dotArray[i].x,dotArray[i].y);
cx.lineTo(dotArray[i].x,dotArray[i].y);
cx.closePath();
cx.stroke();
//cx.fillStyle='yellow'
//cx.fill();
function starDotArray(cx,cy,r){
//圆心坐标 以及圆半径
var dotArray=[];
var unitDeg=Math.PI * 4 / 5;
var rotateDeg=unitDeg/8;
for(var i=0;i&5;i++){
var tempDit=unitDeg*i-rotateD
var y = Math.sin(tempDit) * r +
var x = Math.cos(tempDit) * r +
dotArray.push({x:x,y:y});
return dotA
如有疑问,望不吝赐教
阅读(...) 评论()js+canvas绘制五角星的方法_javascript_ThinkSAAS
js+canvas绘制五角星的方法
js+canvas绘制五角星的方法
内容来源: 网络
本文实例讲述了js+canvas绘制五角星的方法。分享给大家供大家参考,具体如下:
运行效果截图如下:
具体代码如下:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&head&
&title&canvas绘制五角星 &/title&
&script type="text/javascript" &
window.onload = function () {
var canvas = document.getElementById("canvas");
if (canvas) {
var context = canvas.getContext("2d");
drawStar(context, 50, 100, 100);
} else {
document.writeln("浏览器不支持canvas组件");
function drawStar(context, r, x, y) {
context.lineWidth = 5;
context.beginPath();
var dit = Math.PI * 4 / 5;
var sin = Math.sin(0) * r +
var cos = Math.cos(0) * r +
console.log(0+":"+0);
context.moveTo(cos, sin);
for (var i = 0; i & 5; i++) {
var tempDit = dit *
sin = Math.sin(tempDit) * r +
cos = Math.cos(tempDit) * r +
context.lineTo(cos, sin);
console.log(sin+":"+sin+":"+tempDit);
context.closePath();
context.strokeStyle = "red";
context.fillStyle = "#DDDDDD";
context.fill();
&/script&
&/head&
&body&
&canvas id="canvas" &&/canvas&
&/body&
&/html&
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
PHP开发框架
开发工具/编程工具
服务器环境404 Not Found
404 Not Found
wzws-cachejs+canvas绘制五角星的方法
作者:m1870164
字体:[ ] 类型:转载 时间:
这篇文章主要介绍了js+canvas绘制五角星的方法,涉及JavaScript调用canvas组件结合数学运算绘制图形的相关技巧,需要的朋友可以参考下
本文实例讲述了js+canvas绘制五角星的方法。分享给大家供大家参考,具体如下:
运行效果截图如下:
具体代码如下:
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&title&canvas绘制五角星 &/title&
&script type="text/javascript" &
window.onload = function () {
var canvas = document.getElementById("canvas");
if (canvas) {
var context = canvas.getContext("2d");
drawStar(context, 50, 100, 100);
document.writeln("浏览器不支持canvas组件");
function drawStar(context, r, x, y) {
context.lineWidth = 5;
context.beginPath();
var dit = Math.PI * 4 / 5;
var sin = Math.sin(0) * r +
var cos = Math.cos(0) * r +
console.log(0+":"+0);
context.moveTo(cos, sin);
for (var i = 0; i & 5; i++) {
var tempDit = dit *
sin = Math.sin(tempDit) * r +
cos = Math.cos(tempDit) * r +
context.lineTo(cos, sin);
console.log(sin+":"+sin+":"+tempDit);
context.closePath();
context.strokeStyle = "red";
context.fillStyle = "#DDDDDD";
context.fill();
&canvas id="canvas" &&/canvas&
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具

我要回帖

更多关于 小米5c可以用电信卡吗 的文章

 

随机推荐