鲜荣彬
Herry

随笔分类 -  Canvas

canvas 的HTML属性
摘要:(一) width/height 默认值与单位 Canvas 标签只有两个属性—— width\height,作为一种替换元素,它默认大小为300×150像素。 canvas的单位只能是是px,值只能是整数。如果你设置为其他单位或者不设置,在渲染时,依旧按照像素单位显示。 如果数值设置称负数,或者 阅读全文
posted @ 2018-09-25 14:42 Herry彬 阅读(391) 评论(0) 推荐(0)
canvas(五)createPattern
摘要:/** * Created by xianrongbin on 2017/3/9. * 图片填充 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'), cirucle = Math.PI; var bgImage=new Image(); bgImage.src='bk.jp... 阅读全文
posted @ 2017-03-31 22:25 Herry彬 阅读(1224) 评论(0) 推荐(1)
canvas(四) Gradient- demo
摘要:/** * Created by xianrongbin on 2017/3/9. */ /* strokeStyle 或 fillStyle 属性的值*/ /** * Demo1 创建线性渐变 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'); var linearGra... 阅读全文
posted @ 2017-03-22 22:14 Herry彬 阅读(200) 评论(0) 推荐(0)
canvas(三) star- demo
摘要:/** * Created by xianrongbin on 2017/3/8. * 本例子使用渐变画出 璀璨星空 */ var dom = document.getElementById('clock'), ctx = dom.getContext('2d'), cirucle = Math.PI; //ctx.lineJoin='miter'; //round 圆... 阅读全文
posted @ 2017-03-11 21:58 Herry彬 阅读(297) 评论(0) 推荐(1)