java-js知识库之一——canvas绘制9*9乘法表 - 相关文章

【java-js知识库之一——canvas绘制9*9乘法表】的更多相关文章

java-js知识库之一——canvas绘制9*9乘法表

不知不觉一年又要过去了,软件这一行入坑快两年了,一直不知道这两年干了些啥,也不知道自己到底会些什么,工作也是些简单的东西,谁都能做,对未来也是很茫然.今天和同事优化数据库,头都是懵的,很多东西都感觉似曾相识,但就是记不起来,最后只能选择百度....,才发觉该将自己会的东西梳理一下了,今天开始记录自己会的知识,以日记的模式,记在这里,以便日后查看,争取一天一个知识点,贵在坚持,今天开始,构建自己的知识库. 第一天,利用canvas绘制9*9乘法表. 第一次接触canvas是在去年十月份开发一款ap…

Java基础系列（23）- 打印九九乘法表

package struct; public class ForDemo03 { public static void main(String[] args) { for (int line = 1;line<=9;line++){ for (int row = 1;row <= line;row++){ System.out.print(line+"*"+row+"="+(line*row)+"\t"); } System.out.…

js for和while两种99乘法表

<script type="text/javascript"> for(var i=1; i<=9; i++) { for(var j=1; j<=i;j++)//j<=i { document.write(i+"*"+j+"="+(i*j)+" "); } document.write("<br>"); } document.write("<b…

java-js知识库之二——canvas绘制炫彩气泡

现在使用canvas绘制气泡,虽说很多人都已经实现过了,可能方法都大同小异,但自己写和看别人写完全是两码事,自己会写的才是自己的,话不多说,直接上代码. 先来一张效果图: 现在上代码,代码有详细的注释,简单易懂:  <canvas id="canvas"></canvas> //获取canvas标签 var canvas = document.getElementById("canvas&quo…

一次js自定义播放器，canvas绘制弹幕的尝试

不多bb,就直接说实现了什么功能: 1. 视频播放进度调整 2. 视频小窗口实时预览 3. 声音调整 4. 画中画模式 5. 网页全屏 6. 视频全屏 7. canvas绘制弹幕 8. 选中弹幕悬停 9. 用户弹幕头像选择 10. 全屏弹幕实现 11. 页面离开在此进入弹幕渲染涉及到的知识点: 1. dom操作 2. dom事件跨浏览器兼容 3. 抛出自定义错误,阻止程序的崩溃 4. canvas相关api 5. requestAnimationFrame(请求动画帧)的高度兼容 6. 使用模…

第167天：canvas绘制柱状图

canvas绘制柱状图 1.HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>0…

HTML5 Canvas绘制效率如何？

js运行效率在提升编程语言的效率是前提,js自然比不上native的C语言效率,所以Canvas效率无疑比不上原生的2D图形绘制,但是js效率的提升是有目共睹的,以js与as为例,基本操作(运算操作,集合操作,Map操作)已经超越ActionScript,尤其是Google Chrome浏览器与as拉开了不小的距离,甚至某些方面超过java. Canvas绘制效率不低 Canvas没有dom操作,只是简单的2D绘制,所以效率不低,Chrome浏览器下,每秒可绘制五万个基本图形元素(圆形,矩形或…

HTML5学习总结——canvas绘制象棋(canvas绘图)

一.HTML5学习总结——canvas绘制象棋 1.第一次:canvas绘制象棋(笨方法)示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>canvas绘图_象棋棋盘</title> </head> <body> <canvas id="canvas1" width="805…

学习笔记：HTML5 Canvas绘制简单图形

HTML5 Canvas绘制简单图形 1.添加Canvas标签,添加id供js操作. <canvas id="mycanvas" height="700" width="1024" style="border:1px solid #aaa;text-align:center;"> 你的浏览器不支持Canvas,请更新浏览器再试!!! </canvas> 在canvas标签之间应该做浏览器是否支持的检测,…

canvas绘制经典折线图(一)

最终效果图如下: 实现步骤如下:注-引用了jQuery HTML代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=&q…