一：定义 什么是canvas canvas画布，使用js在网页上绘制图像 什么是svgsvg是可伸缩矢量图 二：使用 canvas使用 <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt ...
分类：
其他好文 时间：
2019-12-27 13:31:58
阅读次数：
73
1、首先要获取页面中的画布 var canvas = document.querySelector("canvas"); 2、创建画笔 var context = canvas.getContext("2d"); 3、选择要绘画的方式，进行绘画 1.context.stroke() 描边 conte ...
分类：
其他好文 时间：
2019-12-26 19:31:56
阅读次数：
70
html2canvas绘制跨域图片之后，会导致画布被污染，从而无法使用canvas的toDateUrl()等方法获取图片数据的方法，这是canvas的限制而并非html2canvas的原因。好了锅甩好了下面进入正题 公司最近有一个需求，保存一张海报，但是卡在了将绘制后图片转化成base64的个砍上。 ...
分类：
Web程序 时间：
2019-12-24 11:47:56
阅读次数：
234
原文:基于C# WPF框架的贪吃蛇 游戏开始界面 游戏开始 共有两条蛇，吃到红色食物加1分，吃到绿色毒食物减1分，知道0不减； 碰到墙壁游戏结束，碰到对方游戏结束，碰到自己游戏结束 此游戏通过Canvas画布布局，通过C#代码实现 游戏主界面大小为1200*1000 全局声明： Random ran... ...
游戏开始界面 游戏开始 共有两条蛇，吃到红色食物加1分，吃到绿色毒食物减1分，知道0不减； 碰到墙壁游戏结束，碰到对方游戏结束，碰到自己游戏结束 此游戏通过Canvas画布布局，通过C 代码实现 游戏主界面大小为1200 1000 全局声明： 加载事件： 开启游戏按钮 暂停按钮 创建食物方法： 游戏 ...
1．线团图案 设立坐标计算公式为： X=R1*COS(3α)+R2*COS(14α)） Y=R1*SIN(3α)+R2 *SIN(14α)） 再用循环依次取α值为0~2π（每次增量为0.01），计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个封闭曲线图形，可得到一个线团图 ...
分类：
编程语言 时间：
2019-12-20 18:57:59
阅读次数：
121
微信公众号开发 能享用微信公众号的API，比如分享给好友，分享到朋友圈，禁止菜单功能，选择图片，获取地址，以及支付 微信的功能有两种执行方式 一种是 wx.xx 一种是 WeixinJSBridge.call() WeixinJSBridge 是很老的方式，在微信网页才能使用的全局变量，不需要引入j ...
分类：
微信 时间：
2019-12-20 13:40:16
阅读次数：
455
设有坐标计算公式如下： X=L*(1+SIN(4α))*COS(α) Y=L*(1+SIN(4α))*SIN(α) 用循环依次取α值为0~2π，计算出X和Y,在canvas画布中对坐标位置（X,Y）描点，可绘制出一个曲线图形。编写HTML文件内容如下： <!DOCTYPE html> <head> ...
分类：
编程语言 时间：
2019-12-19 09:17:40
阅读次数：
180
1．简单纺织物图案 先在HTML页面中设置一个画布。 <canvas id="myCanvas" width="360" height="240"> </canvas> 再在定义的这块360*240的canvas（画布）上面用二重循环绘制纺织物图案。 绘制图案的基本思想是：将画布分成6行8列的子块， ...
分类：
编程语言 时间：
2019-12-18 19:02:47
阅读次数：
71
本篇博文通过制作一个小球运动动画的实例，来学习在HTML5的画布上实现动画制作的方法，同时理解面向对象程序设计的基本思想。 1．绘制小球 先在HTML页面中设置一个画布。 <canvas id="myCanvas" width="400" height="300" style="border:3px ...
分类：
编程语言 时间：
2019-12-17 13:13:07
阅读次数：
602
