Rui_cong-优快云博客

原创关于Js原型链和构造函数的一道题。

首先说说我最近遇到的神奇代码：Function.prototype.a="a"; Object.prototype.b="b"; function Person(){} var p=new Person(); console.log("Person.a:"+Person.a+" Person.b:"+Person.b);//Person.a:a Person.b:bconsole.log("p.a...

2018-04-27 17:34:21 309

原创 4.canvas实现多边形橡皮筋式绘图功能

首先是html代码： Stroke color: red green blue orange cornflowerblue goldenrod navy purple fill color: red

2017-11-26 21:51:20 902

原创 3.canvas实现刻度仪表盘的绘制

css和html代码没什么好说的，就直接开始js实现： var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), centroid_radius = 10, centroid_stroke_style = 'rgba(0,0,0,0.5)'

2017-11-26 21:48:38 3654

原创 2.使用canvas实现简单的画直线橡皮筋式画框

css样式基本和之前的一样，这里就不提了，HTML代码： Stroke color: red green blue orange cornflowerblue navy purple

2017-11-26 21:45:35 1183

原创 1.使用canvas实现一个简单的时钟

CSS代码： *{padding:0;margin:0;} body{ background:#000000 url('背景.jpg') no-repeat fixed; font-family:华文新魏; font-size:30px; } #文章{ backg

2017-11-26 21:40:53 348

原创 3.canvas：圆弧的绘制

canvas：圆弧的绘制 canvas提供两个API用于绘制圆弧：arc()和arcTo() 方法描述 arc(double x, double y, double radius, double startAngle, double endAngle, boolean counter-clockwise)创建一条以(x,y)

2017-11-24 19:16:20 1059

原创 2.canvas绘制网格以及坐标轴

html代码： JS代码：var canvas = document.getElementById('canvas2'), context = canvas.getContext('2d'), axis_margin = 40, axis_origin = {x : axis_margin , y : canvas.heig

2017-11-24 19:11:30 2513

原创 1.canvas矩形的绘制以及线的绘制

1-1：Canvas矩形以及线的API Canvas的API提供了如下三个方法：方法简介 clearRect(double x,double y,double w,double h) 该方法是清除坐标(x,y)的宽为w，高为h的矩形。 strokeRect(double x,double y,double

2017-11-24 18:41:19 684

Rui_cong的博客