canvas
文章平均质量分 92
永远的新手
这个作者很懒,什么都没留下…
展开
-
罗德里格斯旋转公式(Rodrigues‘ rotation formula)推导
本文综合了几个相关的维基百科,加了点自己的理解,从比较基础的向量投影和叉积讲起,推导出罗德里格斯旋转公式。公式比较繁杂,如有错误,欢迎评论区指出。 对于向量的三维旋转问题,给定旋转轴和旋转角度,用罗德里格斯(Rodrigues)旋转公式可以得出旋转后的向量。另外,罗德里格斯旋转公式可以用旋转矩阵表示,即将三维旋转的轴-角(axis-angle)表示转变为旋转矩阵表示。向量投影(Vector projection) 向量a在非零向量b上的向量投影指的是a在平行于向量b的直线上的正交投影。结果是原创 2021-05-19 08:09:43 · 2342 阅读 · 0 评论 -
Canvas有哪些js库值得推荐?
Canvas有哪些js库值得推荐?<span class="RichText ztext CopyrightRichText-richText" itemprop="text"><p>相关的框架其实挺多的,但一般都有它适合使用的场景,看你要做什么东西,比如数据可视化还是可交互的H5应用或者别的,给一个不完全推荐好了:</p><ul><li><a href="https://link.zhihu.com/?target=https%3A/原创 2020-08-28 06:05:03 · 1267 阅读 · 0 评论 -
2020-08-19
在TypeScript + Vue项目中实现一个酷炫的Canvas运动背景,实现代码如下:<template> <div id="main"> <div id="bg-main"> <canvas id="bg"></canvas> </div> </div></template><script lang="ts">import V...原创 2020-08-19 09:37:47 · 254 阅读 · 0 评论 -
如何实现Canvas图像的拖拽、点击等操作
希望能对Canvas绘制出来的图像进行点击、拖拽等操作,因为Canvas绘制出的图像能很好的美化。好像是想做炉石什么的游戏,我也没玩过。Canvas在我的理解中就好像在一张画布上绘制图像,它只能看到却“摸”不到,那要如何进行操作呢。我不知道网上是怎么做的,这里用自己的想法做了个DEMO分享给大家。思路:虽然Canvas不能拖拽,但div可以拖拽,那怎么把二者结合起来呢。初步想法是将一个...原创 2019-05-06 15:41:08 · 5762 阅读 · 1 评论 -
Canvas提升性能十点注意事项
你还在抱怨自己写的canvas demo徘徊在10帧以下吗?你还在烦恼打开自己写的应用就听见CUP风扇转吗?你正在写一个javascript Canvas库吗?那么下面九点就是你必须知道的!一.预渲染错误代码: var canvas = document.getElementById("myCanvas"); var context = this.canvas.g...原创 2019-05-06 16:02:41 · 952 阅读 · 0 评论 -
Canvas、InkCanvas布局
一、Canvas在WPF中子元素的绝对定位的布局控件其子元素使用Width、Height定义元素的宽度和高度 使用Convas.Left(Convas.Right)、Convas.Top(Convas.Bottom)定义与Convas容器的相对位置 如果同时存在Convas.Left和Convas.Right、Convas.Top和Convas.Bottom,则Convas.Lef...原创 2019-05-06 16:08:25 · 855 阅读 · 0 评论