Canvas-搜索列表,幸凡学习网

文章搜索列表

文章搜索 >> Canvas

发布时间：2018/6/8 14:25:30 阅读(12181)条评论(0)条

一、概述：看了很多小程序的canvas，很多人在骂街，跟浏览器的操作实在相差太多，API极少。所以有些功能基本上没办法实现。但是基本的还是可以的。比如我要实现生成商品图片（包含产品的：标题，价格，图片，小程序商品详情的二维码等）点击生成后的canvas保存到手机。虽然效果实现了，但是走了不少弯路。所以有必要在此纪念一下。需要用到的生成二维码组件（可自行下载添加到小程序根目录utils里）：https://github.com/demi520/wxapp-qrcode/blob/master/utils/qrcode.js以上二维码组件默认是有空白边的的，如果不需要空白区域，也可以修改...未完，继续阅读→
关键字：小程序 canvas

canvas跨域绘制图片报错解决方案

发布时间：2018/4/4 16:37:42 阅读(8549)条评论(0)条

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

js生成canvas二维码并实现下载到本地PC端

发布时间：2016/9/21 17:31:57 阅读(13821)条评论(0)条

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

js显示漂亮的英文字体实例

发布时间：2013/4/28 13:31:54 阅读(10915)条评论(0)条

上一篇中讲到了【js字体库用canvas绘制效果】效果看上去挺好看的。cufon 类库的作用是将网页上的文字按设定的字体在 canvas 上绘制出来，这样效果显得非常酷。现在来教大家如何使用这些来实现你的字体美化。(底部附HTML代码)一、准备好cufon-yui.js ；二、准备好一个JS的字体库（本实例使用 imagine font，当然你也可以使用多种字体效果使用方法是一样的）；三、就是编写HTML了；<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo...未完，继续阅读→
关键字：js canvas 字体实例

js字体库用canvas绘制效果

发布时间：2013/4/28 11:20:19 阅读(9382)条评论(0)条

前几天看到有个英文网站的字体非常漂亮，所以查看了下源代码发现原来是用JS 写的而且支持a:hover事件可以改变颜色图片中例1就是hover效果。然后我就把字体下载下来研究。（可惜的是不支持中文。但支持英文也已经很不错了。看到那么美的字体，想像下自己写的东西全部换成英文就有这么漂亮了。）当然你的浏览器必须支持canvas，也就是说要支持THML5。我看了下代码其实是将英文字体转化成JS编码，而且编码主要是每个字母的画法，字体大小是根据页面的样式中取得。如A的位置参数"A":{"d":"87,-274v1,8,-9,11,-...未完，继续阅读→
关键字：js canvas html5 字体

让IE6支持HTML5元素的方法

发布时间：2012/5/6 22:35:20 阅读(6549)条评论(0)条

如何让IE6支持HTML5的效果找了一下有不少写了关于这方面的例子，自己调试了一下，在FF和Opera中都显示正常了，到了IE6上却变得面目全非了。GOOGLE了一下，发现了html5shiv这个项目，可以把HTML5的新元素转换成IE6认识的内容。作者已经把这段代码放到了Google code project上，只需要在你的head中调用这段代码就行：当然你也可以直接...未完，继续阅读→
关键字：ie6 HTML5元素 excanvas

(Firefox 5 )开发者的那些事

发布时间：2012/1/1 12:40:41 阅读(7351)条评论(0)条

Firefox 5已经发布了，这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器，:)======CSS3 动画CSS动画（看这篇文档）提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样，使用CSS动画可以非常高效平滑的展现效果（看大牛David Baron的文章），开发者拥有对keyframes有更好的控制力，从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小数据；在后台标签中，setTimeout 和 setInterval 每秒钟只能执行一次回调函数，这符合 r...未完，继续阅读→
关键字：Firefox 5 CSS3动画 Canvas

HTML 5的canvas编程教程和实例

发布时间：2011/9/27 16:07:57 阅读(8566)条评论(0)条

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

Expression Blend实例中文教程(4) - 布局控件快速入门Canvas

发布时间：2011/8/9 10:22:31 阅读(7599)条评论(0)条

上一篇，我介绍了Silverlight控件被分为三种类型，第一类： Layout Controls（布局控件)第二类： Item Controls （项目控件)第三类： User Interaction Controls（用户交互控件) 在以上三种控件类型中，布局控件是最基础的，所以，我从布局控件开始一个快速入门介绍，根据前文所述，我们知道Silverlight标准控件中，包括以下四种布局控件：Grid控件Canvas控件 StackPanel控件Border控件经过上一篇文章的学习，我们已经对Grid有了了解，本文将继续介绍另外一个布局控件Canvas。 Canvas布局控件，相对于其...未完，继续阅读→
关键字：Silverlight 布局 Canvas 教程

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