相关疑难解决方法(0)

SVG根元素的默认背景颜色

我想为整个SVG文档设置默认背景颜色,例如红色.

<svg viewBox="0 0 500 600" style="background: red">/* content */</svg>
Run Code Online (Sandbox Code Playgroud)

上面的解决方案有效,但不幸的是,style属性的bac​​kground属性不是标准的:http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties,因此在清理过程中使用SVG删除它清洁器.

是否有另一种方式来声明这种背景颜色?

svg

118
推荐指数
6
解决办法
18万
查看次数

透明图像可能的最小数据URI图像

我正在使用带有背景图像的透明1x1图像,以便能够使用精灵并仍然为某些图标提供替代文本.

我想为图像使用数据URI来减少HTTP请求的数量,但是生成透明图像的最小可能字符串是什么?

我意识到我可以使用数据URI:s来表示实际图像而不是精灵,但是当所有内容都保存在CSS中而不是分散时,它更容易维护.

css css-sprites

111
推荐指数
8
解决办法
4万
查看次数

Javascript以dataURL格式生成透明的1X1像素

我想知道一种在JavaScript中生成单个像素的方法,将其转换为base64.理想的功能是:

function createPixel(hexColor, opacity){
   //...Calculate
   return base64DataURL;
}
Run Code Online (Sandbox Code Playgroud)

我对图像处理不是很熟悉.任何格式都可以(png,gif等).我想使用它来叠加背景图像,(是的,我可以使用rgba css3,但我试图将它与背景图像仅放在一个元素上,所以我不会将元素叠加在另一个元素之上以实现效果) .

提前致谢.

编辑:我不想使用canvas,我相信你可以使用canvas来获取base64 dataURL,但我相信它没有字符串操作那么快.此外,我并不担心将图像转换为base64,而是对创建图像更感兴趣.

javascript base64 png pixel image-processing

12
推荐指数
2
解决办法
4077
查看次数

标签 统计

base64 ×1

css ×1

css-sprites ×1

image-processing ×1

javascript ×1

pixel ×1

png ×1

svg ×1