-
·HTML <canvas id="canvas" width="1024" height="768"></canvas> canvas的width和height属性指定画布大小以及画布内里分辨率的大小，所以不建议写在css中，数字后面也没有px单位 ·Javascript 初始化操作 var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); canvas的getContext方法 获得绘图的上下文环境 传入字符串"2d"查看全部
-
var tangram = [ {p:[{x:0,y:0},{x:0,y:800},{x:400,y:400}],color:"#caff67"}, {p:[{x:0,y:0},{x:800,y:0},{x:400,y:400}],color:"#67becf"}, {p:[{x:800,y:0},{x:800,y:400},{x:600,y:200}],color:"#ef3d61"}, {p:[{x:600,y:200},{x:800,y:400},{x:600,y:600},{x:400,y:400}],color:"#f9f51a"}, {p:[{x:400,y:400},{x:600,y:600},{x:200,y:600}],color:"#a594c0"}, {p:[{x:0,y:800},{x:400,y:800},{x:600,y:600},{x:200,y:600}],color:"#fa8ecc"}, {p:[{x:400,y:800},{x:800,y:800},{x:800,y:400}],color:"#f6ca29"} ];查看全部
-
绘制直线流程查看全部
-
beginPath和closePath不需要成对垂涎，closePath会自动用直线封闭图形。若不系那个封闭，则只用beginPath即可。closePath对fill不起作用，不会自动封闭。查看全部
-
html: <canvas id="canvas1" width="800" height="800"></canvas> canvas的宽高只能写在行内，同时决定画布分辨率的大小。css里面设定canvas的宽高并不是真正的大小，而是同比缩放 js: var canvas = document.getElementById("canvas1"); var context = canvas .getContext('2d');//绘图环境 若浏览器不支持canvas： 1 html <canvas>不支持canvas的内容</canvas> 2 js if(canvas.getContext('2d')){//判断浏览器是否支持canvas //支持 }else{ //不支持 alert(""); } 方法： canvas.width canvas.height canvas.getContext('2d')查看全部
-
七巧板源码能下不能？查看全部
-
不要用CSS去定义canvas元素的宽或高，否则有可能在绘图过程中出现怪异。比如context.arc()时画弧可能画出一个椭圆形。查看全部
-
有了HTML5，前端终将称霸成魔。查看全部
-
绘制七巧板源代码查看全部
-
绘制七巧板源代码查看全部
-
从上至下 线宽 线的颜色 填充的颜色 执行画线 执行填充颜色查看全部
-
从上至下 起点 画线至终点 一个状态的起点 一个状态的终点查看全部
-
beginPath() closePath() 之间规定一个独立的状态， 每个后面跟个stroke(), 将其画出来查看全部
-
1.canvas是先设置绘图的状态（要干嘛）再绘制（方式） 2.坐标轴是以画布的左上顶点向右为x轴正，向下y轴正查看全部
-
先使用状态 再绘制查看全部
举报
0/150
提交
取消