相关搜索 >> Canvas

  • 0608小程序之 保存canvas生成商品图片附加小程序二维码 分享到朋友圈阅读(11755)条2018/6/8 14:25:30

    一、概述:看了很多小程序的canvas,很多人在骂街,跟浏览器的操作实在相差太多,API极少。所以有些功能基本上没办法实现。但是基本的还是可以的。比如我要实现 生成商品图片(包含产品的:标题,价格,图片,小程序商品详情的二维码等)点击生成后的canvas保存到手机。虽然效果实现了,但是走了不少弯路。所以有必要在此纪念一下。需要用到的生成二维码组件(可自行下载添加到小程序根目录utils里):https://github.com/demi520/wxapp-qrcode/blob/mas...阅读全文

    Taget:小程序 canvas 

  • 0404canvas跨域绘制图片报错解决方案阅读(8086)条2018/4/4 16:37:42

    概述:canvas绘制图片,由于浏览器的安全考虑,如果在使用canvas绘图的过程中,使用到了外域的图片资源,那么在toDataURL()时会抛出安全异常:Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.解决方案第一步:访问的服务器允许,资源跨域使用,也就是说设置了CORS跨域配置,Access-Control-Allow-Origin打开IIS,找到“HTTP响应标头”点进去...阅读全文

    Taget:canvas 跨域 绘制 

  • 0921js生成canvas二维码并实现下载到本地PC端阅读(13449)条2016/9/21 17:31:57

    一、简述:本着做手机端的二维码保存到本地的效果,但是没办法实现。只能在PC端实现,干脆写了下来,以便日后使用。使用了html5的canvas标签,动态创建二维码,可以自己输入url,二维码的尺寸,然后生成自己的二维码。需要使用支持html5的浏览器方可。效果图如下:二、实例代码<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&...阅读全文

    Taget:二维码 下载 js canvas 

  • 0428js显示漂亮的英文字体实例阅读(10547)条2013/4/28 13:31:54

    上一篇中讲到了 【js字体库用canvas绘制效果 】效果看上去挺好看的。cufon 类库的作用是将网页上的文字按设定的字体在 canvas 上绘制出来,这样效果显得非常酷。现在来教大家如何使用这些来实现你的字体美化。(底部附HTML代码)一、准备好cufon-yui.js ;二、准备好一个JS的字体库(本实例使用 imagine font,当然你也可以使用多种字体效果使用方法是一样的);三、就是编写HTML了;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...阅读全文

    Taget:js canvas 字体 实例 

  • 0428js字体库用canvas绘制效果阅读(9030)条2013/4/28 11:20:19

    前几天看到有个英文网站的字体非常漂亮,所以查看了下源代码发现原来是用JS 写的而且支持a:hover事件可以改变颜色图片中例1就是hover效果。然后我就把字体下载下来研究。(可惜的是不支持中文。但支持英文也已经很不错了。看到那么美的字体,想像下自己写的东西全部换成英文就有这么漂亮了。)当然你的浏览器必须支持canvas,也就是说要支持THML5。我看了下代码其实是将英文字体转化成JS编码,而且编码主要是每个字母的画法,字体大小是根据页面...阅读全文

    Taget:js canvas html5 字体 

  • 0506让IE6支持HTML5元素的方法 阅读(6298)条2012/5/6 22:35:20

    如何让IE6支持HTML5的效果找了一下有不少写了关于这方面的例子,自己调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了。GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识的内容。作者已经把这段代码放到了Google code project上,只需要在你的head中调用这段代码就行:<!--if lt IE 9]>  <script src="http://html5shiv.googlecode.com/svn/trunk/...阅读全文

    Taget:ie6 HTML5元素 excanvas 

  • 0101(Firefox 5 )开发者的那些事阅读(7081)条2012/1/1 12:40:41

    Firefox 5已经发布了,这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器,:)======CSS3 动画CSS动画(看这篇文档)提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛David Baron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小...阅读全文

    Taget:Firefox 5 CSS3动画 Canvas 

  • 0927HTML 5的canvas编程教程和实例阅读(8320)条2011/9/27 16:07:57

    在HTML5一览中,我们提到html 5被冠以很多高帽,其中最高的一顶、备受争议的就是”Flash杀手“。IT评论界老喜欢用这个词了,杀手无处不在。不管是不是杀手,HTML 5引进的一些新特性确实让人兴奋不已。最令人期待的之一就是 canvas元素。作为HTML5标准的一部分,Canvas元素允许脚本动态渲染点阵图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为,但却把一个绘图 API 展现给客户端 javascript 以使脚本能够把想绘制的...阅读全文

    Taget:canvans HTML 5 教程 

  • 0809Expression Blend实例中文教程(4) - 布局控件快速入门Canvas阅读(7360)条2011/8/9 10:22:31

     上一篇,我介绍了Silverlight控件被分为三种类型,第一类: Layout Controls(布局控件)第二类: Item Controls (项目控件)第三类: User Interaction Controls(用户交互控件) 在以上三种控件类型中,布局控件是最基础的,所以,我从布局控件开始一个快速入门介绍,根据前文所述,我们知道Silverlight标准控件中,包括以下四种布局控件:Grid控件Canvas控件 StackPanel控件Border控件经过上一篇文章的学习,我们已经对Grid有...阅读全文

    Taget:Silverlight 布局 Canvas 教程 

当前第  1  页 / 共  1  页  总共9条记录  

1