可视化学习:使用WebGL绘制圆形,实现色盘
在Canvas2D中实现圆形的绘制比较简单,只要调用arc指令就能在Canvas画布上绘制出一个圆形,类似的,在SVG中我们也只需要一个<circle>标签就能在页面上绘制一个圆形。那么在WebGL中我们要怎么去绘制呢?WebGL只能绘制三种形状:点、线段和三角形,它没有提供直接绘制圆形的功能,当然也无法像SVG一样使用标签,所以...
2024-04-12
【iOS基础篇】---@property 后面的修饰符们
虽然写了很多年的iOS代码,但是很多东西没有深入理解,或者当时理解了,后来不用又慢慢又忘了。所以抽空整理一份资料,以备自己以后查找。也希望看到的小伙伴批评指正。这篇文章主要写@property后面的修饰符。
2019-08-05
canvas画饼图(2)
两个步骤: 第一步画一个扇形 第二步把扇形画满360° 来看第一个步骤,怎么画扇形? 看下面的示意图 要画扇形图,首先需要知道圆心坐标,然后需要知道半径,这样就可以画出一条线,然后在用画圆函数obj.arc在线的终点坐标根据起始角度和终止角度画出一段弧,最后在闭合图形,就能画出一条弧,图中cx、cy是圆心坐标,#1是...
2019-10-16
canvas 弹球
这就是俩对象,,一个依赖于另一个。。碰撞检测时实的坐标判断,碰撞完成以后两个速度分量为取反即可。事件是左右事件。。移动即可。需要时实刷新,即,帧的概念
2020年7月编程语言排行榜来喽,R编程语言创历史最高纪录
在本期榜单中,前三名C、Java、python整体波动较小。除此之外,C,python、R受疫情影响,在编程语言排行榜上一跃上升,值得编程从业者关注。不久前,Python似乎赢得了统计编程之战,但是R的流行程度在Python的不断提升中仍在增加,这本月从第9位升至第8位,这无疑是R语言的高光时刻。
JS封装的canvas气泡动画
首先需要传入一个canvas dom,获取其宽高,初始化声明一个特定长度的气泡数组(长度可由外部传入),每个气泡有半径,速度,初始化所在位置等属性。然后需要执行绘制方法,每次绘制前调用clearRect()清空画布,然后window.requestAnimationFrame()循环调用绘制方法。绘制气泡初始化时,可以让位置随机,也可以全在底部生...
2019-07-25
在vue中使用canvas做一个炫酷的鼠标跟随
<template><div class="canvasDiv"><canvas id="myCanvas">当前浏览器不支持canvas</canvas></div></template>
2019-09-26
深入理解Block之Block的类型
当我在 2012 年刚刚开始从事 iOS 开发工作时,对 Block 的使用开始逐渐在 iOS 开发者中推广开来(Block 的第一个稳定 ABI 版本是在 Mac OS X 10.6 被引入的。)。作为 iOS 开发中非常吸引我的一个特性,对其的深入分析自然必不可少。
一个普通的 5 年iOS开发者的自我总结,以及5年开发经历和感想!
作为从事 iOS 开发好几年的开发者,我见识过 2013-2014 年移动端大热时的疯狂,见识过 2016 年一个 iOS 岗位对应千封简历的疯狂。
2019-01-21
是时候揭开混合云架构的神秘面纱了!
混合云架构的势头汹涌而来,除了大批互联网企业在积极拥抱混合云以外,不少传统企业也开始逐渐探索数字化转型,寻求智能化发展。据 Gartner 报告预测,到 2025 年,超融合基础架构在数据中心、云、边缘的应用比例将基本相当。
2021-12-30
p5.js 光速入门
本文简介点赞 + 关注 + 收藏 = 学会了本文的目标是和各位工友一起有序的快速上手 p5.js ,会讲解 p5.js 的基础用法。本文会涉及到的内容包括:项目搭建p5.js 基础2D图形文字图形样式设置图片事件(交互相关的)基础动画其中还会讲解部分 p5.js 全局方法。本文不涉及3d部分(放到下一篇吧)。官方文档很重要,但对于初学...
2022-12-23
一些常用的RACSignal
RAC(<#TARGET, ...#>)宏用来将一个对象的属性和信号量绑定,RACObserve(<#TARGET#>, <#KEYPATH#>)宏则用来生成一个对象的绑定属性的信号量,这样描述很抽象,上一个例子解释
初学canvas动画,绘制一个动态小球
1、新建画布canvas首先是空白的,我们首先设置canvas的宽高,并找到渲染上下文 {代码...} {代码...} 2、绘制边框此时页面已经可以看到画布了,我们可以更明显的一些绘制一个边框 {代码...} 3、绘制球此时我们已经可以看到边框了,首先需要新建一个“球”对象,球对象有如下一些属性,再实现如何绘制这个“球”对象,这里涉及...
2020-11-03
HarmonyOS开发:使用画布绘制自定义图形 (Canvas)详解
目录前言关于画布(Canvas)Canvas绘图实现Canvas绘图结束语前言在移动应用开发中,自定义图形的绘制是一项非常常见需求,它能够提升应用的视觉效果和用户体验,也是实际开发中比较常见的功能需求。HarmonyOS提供了强大的画布(Canvas)功能,允许鸿蒙开发者在应用中绘制各种自定义图形和动画。那么本文就来详细介绍如何在Ha...
iOS的消息传递机制—NSNotificationCenter
iOS提供了一种“同步的”消息通知机制,观察者只要向消息中心注册,即可接受其他对象发送来的消息,消息发送者和接收者两者可以互相一无所知,完全解耦。
2014-07-18
weakSelf GCD
});上面这段代码,在 ARC有问题但是不会引起,因为weakSelf 释放后会被置为nil,OC语法向一个空的对象发送消息是不会崩溃的,虽然不会崩溃,但是原有逻辑却走不了了。在MRC下会出现野指针的情况,即执行到block的时候,weakself 引用的self 已经释放,而self 属性是unsafe_unretained。所以这段block是不安全的。那么上...
2017-02-14
wx-caman——基于 CamanJS 的微信小程序 Canvas 像素级滤镜处理库
做这个项目的初衷是希望能够开发一款不依赖服务端而纯通过客户端渲染为图片添加滤镜的小程序。但是由于微信小程序中的 canvas 组件与 DOM Canvas 元素有较大差异,因此传统的 Canvas 处理库几乎无法在小程序中使用。在调研了一些传统浏览器端的项目后,我发现 CamanJS 的功能比较完善,同时也比较容易对微信小程序进行适...
2018-06-21