最新要闻
- 全球今头条!推特重推蓝V认证服务 苹果用户得多交3美元!马斯克也无能为力
- 每日焦点!三星S23 Ultra关键参数确定:首发高频版第二代骁龙8、祖传25W快充
- 童年记忆的黄桃罐头为啥突然火了?专家建议不要盲目囤
- 【世界快播报】刘强东称新冠比感冒还轻微!王石也发声:只有鼻子不舒服 10天转阴
- 全球今亮点!再见C罗!C罗赛后痛哭:葡萄牙0-1摩洛哥 非洲球队首进4强
- 世界杯英法大战结束!法国2-1淘汰英格兰 晋级四强
- 中国市场已合资30年!又一车企资不抵债:销量暴跌
- 全球观速讯丨中国车企在俄罗斯销量飙升:市占率超1/3 主打中高端
- 王冰冰反向操作:戴摩洛哥围巾 希望葡萄牙获胜
- 今日看点:老黄怎么看?这张RTX 4090卖到了10万块 有钱也不一定买到:EVGA绝版货
- 东北市民网购宠物猪收到已冻僵 网友唏嘘:一个敢买一个敢发
- 专为AR/VR打造!苹果全新操作系统名为xrOS:有专属应用商店 最早明年推出
- 全球看点:高校花2.4亿把教学课堂搬到了海上 网友羡慕不已
- 全球观速讯丨《暗黑破坏神4》赛季通行证需氪金购买 暴雪重申:不会充钱就变强
- 20点狂欢:淘宝每满200减30、天猫/京东每满300减40
- 厂家称黄桃罐头没药效 网友调侃:黄桃罐头为何成东北人疯狂膜拜的神物
广告
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
新资讯:canvas分享
(资料图)
一,简单介绍canvas 是一种前端可视化的基础技术,生成画布一个元素,适合数据量大的场景注意: canvas 有 默认的 宽度(300px) 和 高度(150px),设置通过 width 和 height 属性,通过css更改是对其拉伸不是实际像素大小。二,坐标系使用的是 W3C 坐标系三,绘图api1,线、折线或者多边形(宽度大于1会存在闭合问题)cxt.moveTo(x1, y1) // 起点坐标(x1, y1) cxt.lineTo(x2, y2) // 下一个点坐标(x2, y2) cxt.lineWidth = 1 // 默认宽度是1 cxt.strokeStyle = "#314ea7" // 线条颜色:默认黑色 cxt.stroke() // 连接点 cxt.lineCap = "round" // 线条两端样式:默认: butt; 圆形: round; 方形: square // 多边形需要结束点lineTo起始坐标2,矩形
context.rect(x,y,width,height);// x 矩形左上角的 x 坐标// y 矩形左上角的 y 坐标// width 矩形的宽度// height 矩形的高度 cxt.fillStyle = "pink"cxt.rect(50, 50, 200, 100) // 填充矩形cxt.fill() // 或者cxt.fillStyle = "pink"cxt.fillRect(50, 50, 200, 200) // 填充矩形 // 清空矩形cxt.clearRect(60, 60, 180, 90) // 清空canvas画布cxt.clearRect(0, 0, cnv.width, cnv.height)3,多边形
cxt.moveTo(50, 50)cxt.lineTo(200, 50)cxt.lineTo(200, 200) // 手动闭合cxt.closePath() cxt.lineJoin = "miter" // 线条连接的样式。miter: 默认; bevel: 斜面; round: 圆角 cxt.lineWidth = 20 cxt.stroke()4,圆形、弧线
arc(x, y, r, sAngle, eAngle,counterclockwise)// x 和 y: 圆心坐标// r: 半径// sAngle: 开始角度// eAngle: 结束角度// counterclockwise: 绘制方向(true: 逆时针; false: 顺时针),默认 false cxt.arc(150, 150, 80, 0, 360 * Math.PI / 180) cxt.closePath()cxt.stroke()5,文字(绘制文字的时候,默认是以文字的左下角作为参考点进行绘制)
cxt.font = "10px Microsoft YaHei" // 字体样式 cxt.fillStyle = "white" // 颜色 cxt.fillText("早", x, y) // 文本、坐标 cxt.measureText("hello").width // 获取文本宽度 cxt.textAlign = "start" // 对齐方式,针对初始开始边界到定位点// left\right\end\center6,图片
drawImage(image, x, y)// image: 要渲染的图片对象// x: 图片左上角的横坐标位置// y: 图片左上角的纵坐标位置 const image = new Image() // 创建 Image 对象 image.src = "img.jpg"// 引入图片 // 等待图片加载完成 image.onload = () => {cxt.drawImage(image, 30, 30) // 使用 drawImage() 方法渲染图片}四、事件交互canvas是一个画布,是对其进行监听,一般是通过鼠标事件、键盘事件 : click、dbclick、mousedowm、mouseup、mousemove等过程:通过clientX、clientY 属性确定鼠标当前得位置,计算画布内容在文档中得偏移距离,最终确认鼠标位置在画布中得相对位置,找到对应元素。
新资讯:canvas分享
全球今头条!推特重推蓝V认证服务 苹果用户得多交3美元!马斯克也无能为力
每日焦点!三星S23 Ultra关键参数确定:首发高频版第二代骁龙8、祖传25W快充
童年记忆的黄桃罐头为啥突然火了?专家建议不要盲目囤
世界今头条!【2023最新B站评论爬虫】用python爬取上千条哔哩哔哩评论
【世界快播报】刘强东称新冠比感冒还轻微!王石也发声:只有鼻子不舒服 10天转阴
全球今亮点!再见C罗!C罗赛后痛哭:葡萄牙0-1摩洛哥 非洲球队首进4强
世界杯英法大战结束!法国2-1淘汰英格兰 晋级四强
中国市场已合资30年!又一车企资不抵债:销量暴跌
全球观速讯丨中国车企在俄罗斯销量飙升:市占率超1/3 主打中高端
每日消息!uniapp+unicloud开发微信小程序流程
焦点快看:清理备用内存 - 解决方案(备用内存占用过高且不自动释放)--九五小庞
天天日报丨Blazor和Vue对比学习(进阶.路由导航四):路由传参
王冰冰反向操作:戴摩洛哥围巾 希望葡萄牙获胜
今日看点:老黄怎么看?这张RTX 4090卖到了10万块 有钱也不一定买到:EVGA绝版货
东北市民网购宠物猪收到已冻僵 网友唏嘘:一个敢买一个敢发
【环球新要闻】从 695. 岛屿的最大面积 入手深度优先搜素DFS
快资讯丨用户重复注册分析-多线程事务中加锁引发的bug
【焦点热闻】PTA作业6-8电信系列总结
环球要闻:C#中的WebAPI
专为AR/VR打造!苹果全新操作系统名为xrOS:有专属应用商店 最早明年推出
全球看点:高校花2.4亿把教学课堂搬到了海上 网友羡慕不已
2022-6.824-Lab2:Raft
007爬虫之requests模块进阶
全球今日讯!攻防世界-unseping(序列化,Bash shell)
全球观速讯丨《暗黑破坏神4》赛季通行证需氪金购买 暴雪重申:不会充钱就变强
JavaScript:this指针
20点狂欢:淘宝每满200减30、天猫/京东每满300减40
厂家称黄桃罐头没药效 网友调侃:黄桃罐头为何成东北人疯狂膜拜的神物
全球看点:验证jenkins自动化部署
世界速读:首个进入太空的人类 宇航员加加林个人档案已解密:34岁死于空难
天天即时看!女生高铁录乐器考试被打断:工作人员知道情况后特意给换了地方
2021冬--简单描述时间复杂度
PDF转图片
Python实战案例,tkinter+random模块,实现课堂随机抽选提问并语音播报学生姓名
世界关注:将近30万人预约!有米粉要当小米13 Pro钉子户
每日观察!86寸4K巨屏!小米EA Pro 86电视今日开售 5999元
比Zen4还火 AMD游戏神U锐龙7 5800X3D史低2199元(首发3099)
MIUI 14花宠摆件上线!米粉:小时候的QQ农场又回来了
每日快报!刘强东分享抗新冠经验:比感冒还轻微 京东将开通热线帮助员工
Windows OpenGL ES 图像透明度
热门看点:我“采访”了 ChatGPT
观察:Blazor和Vue对比学习(进阶.路由导航二):布局(母版/嵌套)
世界简讯:WPF内嵌Http协议的Server端
造车大战中360赢麻了?周鸿祎大赞自己投资的哪吒汽车
天天快看:整活!MIUI 14桌面大变:支持图标自定义调整
当前速读:post表单数据格式完全解析multipart/form-data(C#实现)
队列之王: Disruptor 原理、架构、源码 一文穿透
每日视讯:Python如何导入自定义模块?
环球通讯!进制转换和计算机存储规则
SpringBoot整合Swagger2在线文档
迷惑!大妈凌晨骑车撞上路边停放车辆:怒斥司机不开车灯
黄桃罐头遭疯抢 厂家实诚回应“没药效” 网友调侃:你不懂
环球观焦点:曝Redmi K60系列依然将采用塑料支架 为了性价比?
注意!鲍鱼被列入濒危物种红色名录:20种或灭绝
10.3寸墨水屏!联想YOGA Paper墨水平板今日开售 3699元
天天热点评!环形队列、 条带环形队列 Striped-RingBuffer (史上最全)
梅西进4强 雷军点赞:阿根廷门将神了 太给力
全球微速讯:苹果要大赚!消息称iPhone 15又涨价 高端万元起:华为Mate60等跟涨吗
天天快资讯:深度学习基础课:最大池化层的前向传播推导
阿根廷点球大战淘汰荷兰:梅西点射破门 追平巴蒂纪录网友纷祝贺
国际领先!中国天眼获得银河系气体高清图像:揭露恒星诞生到消亡
世界热讯:巴西点球大战3-5克罗地亚!无缘四强 内马尔赛后痛哭
今日播报!Python装饰器与迭代器的学习教程
全球快资讯:你必须记住的30个CSS选择器?
最轻折叠屏OPPO Find N2来了!朱海舟:上手后你会WOW一下
当前热点-负债585.68亿、工资发不出:国美获黄光裕公司贷款1.5亿港元
天天快讯:NVIDIA力推的光追版《传送门》游戏被指代码糟糕:AMD显卡坑了
零百加速3.8秒马力暴躁 蔚来全系车型试驾会郑州站开启
世界短讯!MAUI新生5.2-样式外观:控件状态样式VisualState
python实现简单的商品数据管理系统
全球动态:asp.net core 基于Cookies的认证,自定义认证方案
全球新消息丨nginx中的正则表达式,location路径匹配规则和优先级
当前观点:后矿难时代 显卡价格仍居高不下
环球通讯!Java校验自定义枚举值
全球观天下!第一百一十一篇:基本引用类型Date
天天快消息!布洛芬不用抢 中国产能全球第一:一家公司就够33亿人用
天天短讯!BLOG-3总结
世界即时:突发!特斯拉中国工厂将停产Model Y
世界速看:一箱油能跑1200公里!比亚迪护卫舰07上市 20.28万起
当前通讯!雷军再谈小米13徕卡影像:非常自豪 你一定会被震撼到
【天天时快讯】我 一个程序员 靠玩ChatGPT年薪210万
世界看点:DX9性能大涨80% Intel驱动打鸡血原因找到了:做法很聪明
关注:南京一外卖小哥逆行撞劳斯莱斯 网友:几十年外卖白送了
今日快看!全球首架C919正式交付 中国搞这款大飞机有多不容易?
AI画作拍出110万高价创纪录!实测百度AI作画 效果惊艳
主人吃螺蛳粉:猫咪被臭到自闭
世界观速讯丨19岁少女无法走路 竟是因为它?国家早已明令禁止!
rsync远程同步
世界观焦点:AMD RX 7900 XTX渲染跑分性能曝光:感觉和RTX 4080两个时代
【热闻】国内电影票房已达285亿 《阿凡达2》成救命稻草:高价被指吃相难看
世界热推荐:为什么日本人更健康长寿?这12个“秘诀”值得借鉴
小米13 Pro长焦表现一绝:10cm至无穷远均可合焦
【报资讯】网传辽宁一有轨电车碾压电动自行车 官方回应:系剐蹭、人无碍
netmiko+textfsm自动统计交换机端口模块型号数量与闲置模块
【全球独家】【网关开发】4.Openresty 使用events插件进行事件通知
世界新消息丨蒟蒻颤抖:AI打信奥赛,三分之二赛题一遍过
【求助帖】从技术转为项目经理后,如何快速进入角色?
angr_ctf——从0学习angr(四):库操作和溢出漏洞利用
【世界速看料】新一代广汽本田皓影官图发布:大嘴变方嘴、可选7座