豆豆狗

摘要： 上次的随笔介绍了如何用中点画圆的算法提高Canvas绘图性能，感觉大家还是比较感兴趣的。 本节借助HTML5 canvas 强大的像素处理能力，重点给大家介绍计算机图形中-光栅学Bresenham算法；并实现两点画直线的程序。 光栅图形学（2）Bresenham算法画直线 Bresenh... 阅读全文

摘要： 本系列的随笔在于给大家提供一些难度较深的canvas应用场景，借用数学或物理模型实现效果或性能媲美桌面应用的案例；并且此系将尽可能使用最简明的js代码展示效果。 推荐使用：chrome、ie9浏览器进行阅读，同时我还在做一个基于canvas的矢量渲染器的类库，希望大家关注。 话不多说，... 阅读全文

摘要： 本次给大家带来的是基于上几次canvas矢量图形渲染器的基础上做的三维方面的展示。 本系列目录 先上demo，点击二三维切换，可以在2d 和3d 之间切换。“添加三维矩形”可以添加随机位置的不规则矩形。 添加3D矩形 添加3D五角星 添加2D点 添加2D圆 添加2D线 切换二维 切换三... 阅读全文

摘要： 本系列目录，大家有需要的就看看哈。 本节主要解决的有三个问题，求任意几何图形的外接矩形。这个外接矩形会在性能优化时候用到，当然不仅仅只在这一方面使用。最后对初步优化过的渲染器进行压力测试。 还是先上demo，之前的demo在firefox下滚动缩放漏做了。现在更新的可以再ie9，ch... 阅读全文

摘要： 这次随笔接着上次的内容继续，为我们的geometry类添加更多的矢量元素。 （目录上线了，大家如果对这个系列了解不是很多请看目录！） 其实，通过设计好的架构我们很容易通过geometry基类扩展新几何类型。 本次随笔内容不是很多，先上demo。 添加点 添加圆 添加线 添加面 ... 阅读全文

摘要： 构建Canvas矢量图形渲染器（一）—— 基础架构、矢量点的绘制 构建Canvas矢量图形渲染器（二）—— 渲染器、定点缩放、漫游 构建Canvas矢量图形渲染器（三）—— 鼠标拖动平移、滚轮缩放 构建Canvas矢量图形渲染器（四）—— 各种矢量元素（线、面、五角星） 构建Canvas矢... 阅读全文

摘要： 上次随笔实现了用button点击进行缩放，平移；用户操作感很差。本次随笔接着上次的内容进行鼠标拖拽、缩放。 先上demo，鼠标滚轮缩放、拖拽平移。 添加点 添加圆 放大 缩小 1.何为控制类？control 控制类是添加在图层类上用于控制图层的各种操作的类型，比如我们今天所讲了的鼠标滚轮缩... 阅读全文

摘要： 上一次随笔大概的讲了下构建一个矢量绘图渲染器的基本架构。下面我们来继续深入的完善我们的渲染器。 本次随笔目标：实现定点的放大缩小功能、漫游，先上Demo。(大家可以添加多个点和圆，在放大、缩小的时候两者有什么不同？—— 点的大小貌似没有变化，而圆的呢。。想想为什么) 添加点 添加圆 放大 ... 阅读全文

摘要： 本课题是我今年毕业设计的课题，现在我边做边跟大家分享，希望能通过“canvas矢量图形渲染器”让大家对canvas元素和其中的性能优化有更深的理解。 1.首先说说这个矢量渲染器是什么。 canvas元素封装了很对对图形绘制的接口，但是他跟flex相比最大的区别是我们通过fill() 或是 st... 阅读全文

摘要： 今天给大家带来一个基于HTML5和Javascript的音乐播放器制作的例子，功能很简单啦，主要是让大家理解理解HTML5和Javascript编程的一些小技巧。 大体的实现思路是： 1.在服务器上放一XML文件，里面有歌曲的信息，比如歌曲名，歌曲的url地址，歌曲的分类等。 2.javascrip... 阅读全文

摘要： 大家在做安装包的时候常常会遇到更新等问题，在使用installshield制作安装包，如果软件版本发生改变，那么更新是自动完成的。但是我们这里有一个问题，在installshield如果新版本的regist信息和旧版本的regist信息发生了改变，比如说注册表结构改变，或是不需要以前的注册表目录想要... 阅读全文

摘要： 准备把HTML5中的每一个新元素都做一番详细的介绍，希望对大家开发有很大的帮助，其中每个元素都会带有一两个示例，希望大家喜欢哈。 先做Audio和Video的介绍 audio&video可以说是html5给大家带来的一个惊喜，虽然以前不管通过flash，还是一些视频，音频插件大家都可以播放媒体文件，... 阅读全文

摘要： 有时候大家需要获取vs 安装路径并执行一些参数，或拷贝，比如执行devenv.exe 或是 devenv.com /InstallVSTemplates 就要获取VS的安装路径，在注册表中有这么一项数据： 储存着vs的安装目录。可以通过如下代码获取： View Code ... 阅读全文

摘要： B.可移动的内容控件 此控件可以通过在鼠标左键按下的状态下同时拖动鼠标便可以移动控件，实现拖拽的效果。 先来看Xaml View Code 在bookmarkbg的canvas中定义的是此控件的外观，Movear的Border中定义的是鼠标点中拖动即可拖动的区域。... 阅读全文

摘要： （1）Design与Blend结合创建自定义样式。 Expression Design 是个专业的插图和图形设计工具，Expression Design 是 Expression Blend 的最佳拍档， 可快速地建置复杂的向量对象。然后顺畅地以XAML 的方式， 将图形传送给Expression ... 阅读全文